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.