Hi
I am having a master page-content page set up in my web application. One of the content page includes a RadGrid and a RadComboBox with
MetroTouch skin. The RadGrid is ajaxified using the RadAjaxManagerProxy and the issue is, the RadComboBox is losing its default styling when the RadGrid initiates an Ajax Request.
This issue happens with the Metro, MetroTouch, & Silk skin and works fine with the Default, Web20 etc. Skins. You can view the unusual behavior
here.
Here is the sample which illustrate the above mentioned issue.
Masterpage :
<
form
id
=
"form1"
runat
=
"server"
>
<
asp:ScriptManager
ID
=
"masterScriptManager"
runat
=
"server"
>
</
asp:ScriptManager
>
<
telerik:RadAjaxManager
ID
=
"MasterAjaxManager"
runat
=
"server"
DefaultLoadingPanelID
=
"MasterLoadingPanel"
/>
<
telerik:RadAjaxLoadingPanel
ID
=
"MasterLoadingPanel"
runat
=
"server"
Skin
=
"Web20"
MinDisplayTime
=
"1500"
/>
<
div
>
<
h1
>
Master Page Content</
h1
>
<
asp:ContentPlaceHolder
ID
=
"ContentPlaceHolder1"
runat
=
"server"
>
</
asp:ContentPlaceHolder
>
</
div
>
</
form
>
Content-page:
<
asp:Content
ID
=
"Content1"
ContentPlaceHolderID
=
"head"
runat
=
"Server"
>
</
asp:Content
>
<
asp:Content
ID
=
"Content2"
ContentPlaceHolderID
=
"ContentPlaceHolder1"
runat
=
"Server"
>
<
telerik:RadAjaxManagerProxy
ID
=
"ajaxManagerProxy"
runat
=
"server"
>
<
AjaxSettings
>
<
telerik:AjaxSetting
AjaxControlID
=
"RadGrid1"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"RadGrid1"
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
</
AjaxSettings
>
</
telerik:RadAjaxManagerProxy
>
<
h2
>
Content Page</
h2
>
<
div
style
=
"padding: 5%;"
>
<
telerik:RadGrid
ID
=
"RadGrid1"
runat
=
"server"
AutoGenerateColumns
=
"false"
AllowPaging
=
"true"
PageSize
=
"4"
Width
=
"100%"
OnNeedDataSource
=
"RadGrid1_NeedDataSource"
AllowMultiRowSelection
=
"true"
Skin
=
"Office2007"
>
<
MasterTableView
DataKeyNames
=
"Brand"
>
<
Columns
>
<
telerik:GridClientSelectColumn
>
</
telerik:GridClientSelectColumn
>
<
telerik:GridBoundColumn
UniqueName
=
"Brand"
DataField
=
"Brand"
HeaderText
=
"Brand"
>
</
telerik:GridBoundColumn
>
<
telerik:GridBoundColumn
UniqueName
=
"Model"
DataField
=
"Model"
HeaderText
=
"Model"
>
</
telerik:GridBoundColumn
>
</
Columns
>
</
MasterTableView
>
<
ClientSettings
Selecting-AllowRowSelect
=
"true"
EnableRowHoverStyle
=
"true"
>
</
ClientSettings
>
</
telerik:RadGrid
>
<
br
/>
<
br
/>
<
telerik:RadComboBox
ID
=
"RadComboBox1"
runat
=
"server"
Width
=
"100%"
EmptyMessage
=
"Select"
Height
=
"120px"
Skin
=
"MetroTouch"
>
<
Items
>
<
telerik:RadComboBoxItem
runat
=
"server"
Text
=
"Item 1"
/>
<
telerik:RadComboBoxItem
runat
=
"server"
Text
=
"Item 2"
/>
<
telerik:RadComboBoxItem
runat
=
"server"
Text
=
"Item 3"
/>
</
Items
>
</
telerik:RadComboBox
>
</
div
>
</
asp:Content
>
Since the RadGrid is ajaxified, how its affecting the RadComboBox? Is this a bug?
Thanks,
Vishnu.