Questions on UI for ASP.NET AJAX Forum

2 answers

317 views

It has to be simple, I apologize, can't find how to access in a tree way to nested table.

In the code below i have to relpace ??? with what?



For Each item As GridDataItem In RadGridResources.MasterTableView.Items

idResource = item("IDResource").Text

For Each childitem As ??? In ???

idSlot = childitem("IDSlot").Text

Next

Grid

answered on 05 Aug 2011

3 answers

661 views

Edit and Insert Template in RadGrid

Hi Guys
I have created a radgrid with sqldatasource. Enabled atomatic delete, update and insert. I want to create seperate edit and insert template. Requirement is : first three coumns should not be edited. But it should be able to insert new record. When I changed readonly = true I am not able to insert new values. How is it possible. Anybody can help.
Thanks
Ben

Grid

answered on 05 Aug 2011

6 answers

215 views

On Demand RadTab strip display multiple pages in single tab

Hi,

i am using Ondemand TabStrip control. when i click on one tab multiple pages display on single tab.

looking forward to your response.

Regards

TabStrip

answered on 05 Aug 2011

0 answers

122 views

WIndow title height too large

Hi,

I am using Radwindoemanager for alert , confirm and prompt, I want to customize window look using custom skin. I had set
Skin = abc
EnableEmbeddedSkins = false
EnableEmbeddedBaseStylesheet = false.

I have added stylesheet at end of message

Since I have set (EnableEmbeddedSkins = false
EnableEmbeddedBaseStylesheet = false. ) I am getting following issues.
Specially it is more visible in IE8.

1. Header height is more. I tried setting height and removing padding and margin. There is large offset in this element (RadWindow_abc .rwTitlebarControls .tbody .tr. td (2nd ))

.RadWindow_abc .rwTitlebarControls
.RadWindow_abc .rwTitlebarControls .tbody .tr. td

How to remove it?

2. There is no gap in buttons (ok, cancel). how to resolve it?

3. Can I apply style 'a' to 'Ok' and style 'b'' to "Cancel'

Please reply asap.

Thanks &Regards
Parag

styles used

/* RadWindow for ASP.NET AJAX Outlook Skin */

/* Window Background */

/* Horiznotal */
.RadWindow_abc .rwTopLeft,
.RadWindow_abc .rwTopRight,
.RadWindow_abc .rwTitlebar,
.RadWindow_abc .rwFooterLeft,
.RadWindow_abc .rwFooterRight,
.RadWindow_abc .rwFooterCenter,
.RadWindow_abc .rwTopResize,
.RadWindow_abc .rwStatusbar div,
.RadWindow_abc .rwStatusbar,
.RadWindow_abc.rwMinimizedWindow .rwCorner
{
   background-color: #3C7882 !important;
   background-image:none !important;
}

/* Vertical */
.RadWindow_abc .rwBodyLeft,
.RadWindow_abc .rwBodyRight,
.RadWindow_abc .rwStatusbarRow .rwCorner
{
   background-color: #3C7882 !important;
   background-image:none !important;
}

/* Window Shadows */

/* Horiznotal */
.RadWindow_abc .rwShadow .rwTopLeft,
.RadWindow_abc .rwShadow .rwTopRight,
.RadWindow_abc .rwShadow .rwTitlebar,
.RadWindow_abc .rwShadow .rwFooterLeft,
.RadWindow_abc .rwShadow .rwFooterRight,
.RadWindow_abc .rwShadow .rwFooterCenter,
.RadWindow_abc .rwShadow .rwTopResize,
.RadWindow_abc .rwShadow .rwStatusbar div,
.RadWindow_abc .rwShadow .rwStatusbar,
.RadWindow_abc .rwShadow .rwBodyLeft,
.RadWindow_abc .rwShadow .rwBodyRight,
.RadWindow_abc .rwShadow .rwStatusbarRow .rwBodyLeft,
.RadWindow_abc .rwShadow .rwStatusbarRow .rwBodyRight
{
   background-color: #3C7882;
   background-repeat:repeat;
   background-image:none;
}

/* Vertical */
.RadWindow_abc .rwShadow .rwBodyLeft,
.RadWindow_abc .rwShadow .rwBodyRight,
.RadWindow_abc .rwShadow .rwStatusbarRow .rwBodyLeft,
.RadWindow_abc .rwShadow .rwStatusbarRow .rwBodyRight
{
   background-color: #3C7882;
   background-repeat:no-repeat;
   background-image:none;
}

/* Shadows End */

.RadWindow_abc .rwStatusbar input
{
    background-color: #f7f3e9;
}

div.RadWindow_abc .rwControlButtons
{
    float:right !important;
}

div.RadWindow_abc .rwControlButtons .rwCloseButton
        {
            background-image: url('Window/CommandButtonSprites.gif');

        }

.RadWindow_abc .rwControlButtons a {
    overflow: hidden;
    text-align: center;
    text-indent: -3333px;
    background-repeat: no-repeat;
    cursor: default;
    display: block;
    font-size: 1px;
    height: 21px;
    line-height: 1px;
    outline: medium none;
    text-decoration: none;
    width: 30px;
}
/*
.RadWindow_abc .rwControlButtons .rwCloseButton {
    overflow: hidden;
    text-align: center;
    text-indent: -3333px;
}*/

.RadWindow_abc .rwCloseButton {
    background-position: -90px 0;
}

div.RadWindow_abc .rwTitlebarControls em
{
   color: black;
}

.RadWindow_abc .rwTitlebarControls
{
   /* height:25px !important; */
   width:100% !important;
   margin: 0 0 0 !important;
    padding: 0 0 0 !important;
}

div.RadWindow_abc .rwDialogInput
{
   border-top: solid 1px #abadb3;
   border-right: solid 1px #dbdfe6;
   border-bottom: solid 1px #e3e9ef;
   border-left: solid 1px #e2e3ea;
}

div.RadWindow_abc .rwDialogInput:hover
{
   border-top: solid 1px #5794bf;
   border-right: solid 1px #b7d5ea;
   border-bottom: solid 1px #c7e2f1;
   border-left: solid 1px #c5daed;
   color: #565656;
}

.RadWindow_abc td.rwWindowContent
{
    background-color: #fff;
}

/* Loading Indicators */
div.RadWindow_abc tr td.rwLoading
{
    background-color: #e2ecfc;
}

/* When ShowContentDuringLoad="true" */
.RadWindow_abc td.rwWindowContent.rwLoading
{
    background-image: url('Common/loading.gif');
}

/* When ShowContentDuringLoad="false" */
.RadWindow_abc input.rwLoading
{
    background-image: url('Common/loading_small.gif');
}

/* Shadow Control Buttons */

/* .RadWindow_abc .rwShadow .rwControlButtons
{
   margin: 5px -2px 0 0;
}

.RadWindow_abc .rwShadow .rwControlButtons
{
   margin: 5px -1px 0 0\9;
}*/

/* ctrl buttons when winodw is minimized */
.RadWindow_abc.rwMinimizedWindowShadow .rwShadow .rwControlButtons
{
   margin: 9px -8px 0 0;
}

/* Icon when winodw is minimized */
.RadWindow_abc.rwMinimizedWindowShadow .rwShadow .rwIcon
{
   margin: 9px 6px 0 0;
}

/*title buttons when winodw is minimized */
.RadWindow_abc.rwMinimizedWindowShadow .rwShadow em
{
   margin: 4px 0 0 -1px;
}

/*
.RadWindow_abc .rwShadow .rwControlButtons li
{
   float: left;
   padding: 0;
}

.RadWindow_abc .rwShadow .rwControlButtons a
{
   width: 28px;
}*/

.RadWindow_abc .rwTopLeft, .RadWindow .rwTopRight,
.RadWindow_abc .rwFooterLeft,
.RadWindow_abc .rwFooterRight,
.RadWindow_abc .rwFooterCenter {
   display:none;
}

.RadWindow_abc .rwTopLeft,
.RadWindow_abc .rwTopRight,
.RadWindow_abc .rwBodyLeft,
.RadWindow_abc .rwBodyRight
{
   display:none;
}

.RadWindow_abc .rwCorner .rwBodyLeft,
.RadWindow_abc .rwCorner .rwBodyRight
{
    display:none;
}

div.RadWindow_abc table.rwTable
{
   border-top: solid 1px #3C7882;
   border-right: solid 1px #3C7882;
   border-bottom: solid 1px #3C7882;
   border-left: solid 1px #3C7882;
   border-radius: 8px;

    -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
}

.RadWindow_abc .rwWindowContent .radalert
{
    background-image: none !important;
}

.RadWindow_abc .rwWindowContent .radconfirm
{
    background-image: none !important;
}

/* Conetent message remove image */
.RadWindow_abc .rwWindowContent .radprompt
{
    background-image: none !important;
}

.RadWindow_abc .rwDialogPopup {
    cursor: default !important;
    margin: 0 !important;
    padding-top: 15px !important;
    padding-right : 15px !important;
    padding-bottom: 0 !important;
    padding-left:12px !important;
}

.RadWindow_abc .rwDialogText {
    color: #666666;
    font-size: 12px;
    font-family: Arial;
    text-align: left;
}

/*popup buttons */

div.RadWindow_abc .rwWindowContent a.rwPopupButton,
        div.RadWindow_abc .rwWindowContent a.rwPopupButton:hover
        {
            display: block;
            height: 25px;
            line-height: 25px;
            text-align: center;
            border-style:solid;
            border-width:2px;
            overflow: hidden;
            border-top-color:#3B7781;
            border-bottom-color:#305F67;
            border-left-color:#376F79;
            border-right-color:#366D78;
            background: #E0E0E0 0 0px repeat-x url(Button/ButtonSprites.png);
            outline: none;
            cursor: auto;
            border-radius: 8px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            padding:0 12px;

        }

        div.RadWindow_abc .rwWindowContent a.rwPopupButton:hover
        {
            background-color: #c5c5c5;
        }

        div.RadWindow_abc .rwPopupButton span
        {
            height: 25px;
            line-height: 25px;
        }

        .RadWindow_abc .rwPopupButton span,
        .RadWindow_abc .rwPopupButton:hover span
        {
            background-image:none !important;
        }

/**/
.RadWindow_abc .rwDialogPopup .rwPopupButton,
.RadWindow_abc .rwDialogPopup .rwPopupButton span {
    display: block;
    float: right !important;
    vertical-align:bottom !important;
}

/*
.RadWindow_abc .rwWindowContent .rwPopupButton
{
   display: block;
   height: 25px;

   text-align: center;
   border-style:solid;
   border-width:2px;
   overflow: hidden;
   border-top-color:#3B7781;
   border-bottom-color:#305F67;
   border-left-color:#376F79;
   border-right-color:#366D78;
   background: #E0E0E0 0 0px repeat-x url(Button/ButtonSprites.png);
   outline: none;
   cursor: auto;
   border-radius: 8px;
    -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   padding:0 12px;


}

.RadWindow_abc .rwWindowContent .rwPopupButton:hover
{
    background-color: #c5c5c5;
}

.RadWindow_abc .rwPopupButton span,
.RadWindow_abc .rwPopupButton:hover span
{
    background-image:none !important;

}*/

/* Title */

.RadWindow_abc .rwTitleRow em {
    color: #FFF !important;
    font-family: Arial !important;
    font-size: 16px !important;
    font-weight:bold !important;
    /*overflow: hidden;*/
    padding: 5px 0 0 1px !important;
    white-space: nowrap;
   line-height: 24px !important;
   margin:0 !important;
       vertical-align:top;
        top :0;
       left:0;



}

.RadWindow_abc .rwTitlebarControls
{
    height:24px !important;
     padding : 0 0 0 0px !important;
       margin: 0 0 0 0px !important;
       background-color: Blue !important;

}

/*
.RadWindow_abc a.rwIcon
{
    background-image: none !important;
}

.RadWindow_abc a.rwIcon
{
   background-image: none repeat scroll 0 0 #3C7882;
}
*/

div.RadWindow_abc .rwIcon
{
    display: none;
}

Window

asked on 05 Aug 2011

2 answers

145 views

Using AjaxSetting cause Page_Load event fire when back from another page

Dear All,

To avoid page refreshing I used RadAjaxManager and Add AjaxSetting but if I use like this when I back('back' button from browser) from another page all data I have filled in textbox, selected in combobox are disappear and Page_load event is firing.
If not using AjaxSetting, when user use back button from browser, Page_load is not fire and data are remain as user filled.
I want to use Ajaxsetting to prevent page refresh and when using browser back button data should remain(page_load should not fire).
Please advise how can I?

Thanks and best regards

Ajax

answered on 05 Aug 2011

1 answer

99 views

Rebind RadRotator inside RadListView

Hi

I have RadRotator inside EditItemTemplate of RadListView. It is used for inserting images into items.
I also need implement possibility to filter rotator's images by text pattern. Filter requires roundtrip to server.
So I decided to put RadRotator inside UpdatePanel and to call __doPostback on key pressing in search textbox.
But I can't rebind Rotator on Postback to show new image collection. Even when its datasource contains new data,
Rotator shows initial collection of images.

I create RadListView in full programmatic way. In EditItemTemplate constructor I put actual data and then instantiate rotator, but
Rotator always show first data.

I have simple test app here which demonstrate problem. After pressing Edit button and typing some text in search field we can see only
how rotator blinks and images are not affected.

My QuoteHotelItemEditTemplate implements IBindableTemplate interface and creates UpdatePanel with Rotator ctrl in InstantiateIn method.
There I also assign data to Rotator's DataSource.
Debugger show that Rotator binds to new data source on PostBack but page renders old result.
Sorry for disturbing but please help me.

PS:
I'm using Telerik 2011 Q1.

Rotator

answered on 05 Aug 2011

1 answer

108 views

<InvalidStyle> ignored

Why is my <InvalidStyle> tag being ignored on all of my RadControls? It insists on using the default. Version 2011.2.712.40

ASP.Net snippet

<telerik:RadTextBox ID="txtFirstName" CausesValidation="true" EmptyMessage="Enter First Name"

MaxLength="100" runat="server" SelectionOnFocus="SelectAll" AutoCompleteType="FirstName" Width="240px">

<InvalidStyle CssClass="input_box_error" />

</telerik:RadTextBox>

CSS class I want applied (namely, custom bg image)

.input_box_error {

background-color: #FCF7F7;

color:#333;

border: 1px solid #990000;

Background-image: url(web_images/icon_input_error.png);

background-position:right;

}

Javascript validation method

function validateFirstName(sender, args) {

var tb = $find("<%= txtFirstName.ClientID %>");

if (tb.get_value() == "") {

tb._invalid = true;

tb.updateCssClass();

args.IsValid = false;

}

else {

tb._invalid = false;

tb.updateCssClass();

args.IsValid = true;

}

The default style that's being applied:

html body .RadInput_Default .riError, html body .RadInput_Error_Default

{

border-top-color: #d51923;

border-right-color-value: #d51923;

border-bottom-color: #d51923;

border-left-color-value: #d51923;

border-left-color-ltr-source: physical;

border-left-color-rtl-source: physical;

border-right-color-ltr-source: physical;

border-right-color-rtl-source: physical;

background-color: #ffffff;

background-image: url(

"WebResource.axd?d=Pl-AEyM6jqu8ijnVblcTiccZs9g-fx3RblQsV5LQ2xg8VP_Hxt2xcHsDuXiwDfB8GPPz5PpcKKZImQCrk72Jq3nUpEh_RIWAGLrotZeEzHhmO1hmMkfKXxD79gitj70HcRZKnaksvfXoqOK93XI3ITGi1zI1&t=634459979340000000"

);

background-repeat: no-repeat;

background-attachment: scroll;

background-position: 100% -298px;

background-clip: border-box;

background-origin: padding-box;

background-size: auto auto;

color: #d51923;

}

General Discussions

answered on 04 Aug 2011

4 answers

132 views

RadComboBox stops working after adding SelectedItemChanged code

I have a very plain drop down with only a few entries. Before this morning, the list is populated and you could click on any entry and nothing happened...which was fine because there was no code. Now I want it to do something when one of the list items is selcted (redirect to another page). So I added OnSelectedItemChanged = "RadComboBox1_OnSelectedItemChanged" to the html definition of the combobox, then in the code behind I have a function to match that does a Select Case statement and redirects to the appropriate page based on which item the user selects.

Now that I've added this code I can't click on the ComboBox anymore. It doesn't drop-down like it should.

HTML Page:

Choose Location:

<telerik:RadComboBox ID="RadComboBox1" Runat="server" DropDownWidth="200px"

EnableTextSelection="False" Height="50px" MaxHeight="200px" NoWrap="True"

Width="200px" OnClientSelectedIndexChanged="RadComboBox1_SelectedIndexChanged">

<Items>

<telerik:RadComboBoxItem runat="server" Text="Atlanta" Value="ATL" />

<telerik:RadComboBoxItem runat="server" Text="Cincinnati" Value="CIN" />

<telerik:RadComboBoxItem runat="server" Text="Cleveland" Value="CLV" />

<telerik:RadComboBoxItem runat="server" Text="Dayton" Value="DAY" />

<telerik:RadComboBoxItem runat="server" Text="Kansas City" Value="KC" />

<telerik:RadComboBoxItem runat="server" Text="Kansas" Value="KAN" />

<telerik:RadComboBoxItem runat="server" Text="Memphis" Value="MEM" />

<telerik:RadComboBoxItem runat="server" Text="Northeast Ohio" Value="NEO" />

<telerik:RadComboBoxItem runat="server" Text="Oklahoma City" Value="OKC" />

<telerik:RadComboBoxItem runat="server" Text="Philadelphia" Value="PHL" />

<telerik:RadComboBoxItem runat="server" Text="St. Louis" Value="STL" />

</Items>

</telerik:RadComboBox>

Code Behind .aspx page:

Protected Sub RadComboBox1_SelectedIndexChanged(ByVal sender As Object, ByVal e As Telerik.Web.UI.RadComboBoxSelectedIndexChangedEventArgs) Handles RadComboBox1.SelectedIndexChanged

Select Case e.Value

Case "ATL"

Case "CIN"

Case "CLV"

Response.Redirect("http://www.someurl.com/CLV.asp")

Case "DAY"

Case "KAN"

Case "KC"

Case "MEM"

Case "NEO"

Case "OKC"

Case "PHL"

Case "STL"

End Select

End Sub

End Class

ComboBox

answered on 04 Aug 2011

1 answer

136 views

Unable to select the font name in the rad editor

Hi,

I have a rad editor in one of my modal pop up pages.

I am unable to change the font name (style) of the selected text in the editor. It always defaults to "Verdana" style. I tried various things and i am unable to get this working. I did not find any related article on this in the forums as well. I am testing this in IE 7.

Please suggest me a possible solution.

Thanks and regards,
Damodar

Editor

answered on 04 Aug 2011

2 answers

199 views

[Solved] Axis X by month

This seems like it should be really easy and maybe I am just missing something obvious.

I have a simple line chart with 2 lines, its databound.
Y axis is numbers
X axis are dates , last 12 months

It just shows numbers for each date, ie; 1 ,2 , 3 , 4 ..... 11, 12

I want the X axis label to show as dates but I can't figure out how to do it. Using the Chart wizard on the data tab if I set X-Axis to my date column the wizard just disappears before I even click OK. I have tried a few other ways and I get errors like: Unable to cast object of type 'System.DateTime' to type 'System.String'.

ideas?

thanks

Chart (Obsolete)

answered on 04 Aug 2011