Radtabstrip css is not displaying after postback in Google Chrome but its working in FireFox.
<table width="100%"> <tr> <td> <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" RegisterWithScriptManager="false"> </telerik:RadAjaxLoadingPanel> <asp:UpdatePanel ID="DispalyGrid" runat="server" UpdateMode="Always"> <ContentTemplate> <telerik:RadGrid ID="wRGViewCustomer" runat="server" Width="100%" PageSize="15" OnNeedDataSource="wRGViewCustomer_NeedDataSource" OnItemCommand="wRGViewCustomer_RowCommand" AllowPaging="True" Skin="WebBlue" ShowGroupPanel="true" AllowSorting="true" GridLines="None" AutoGenerateColumns="False" AllowFilteringByColumn="true"> <PagerStyle Mode="NextPrevNumericAndAdvanced"></PagerStyle> <MasterTableView DataKeyNames="COProductId" AllowMultiColumnSorting="false" GroupLoadMode="Server" TableLayout="Fixed" EnableHeaderContextMenu="true" > <PagerStyle Mode="NextPrevNumericAndAdvanced"></PagerStyle> <NestedViewTemplate> <asp:Panel runat="server" ID="InnerContainer" Visible="false" BackColor="#BDD097"> <table width="100%" cellpadding="0" cellspacing="0" border="0"> <tr> <td> <telerik:RadTabStrip runat="server" ID="TabStip1" Skin="Forest" MultiPageID="Multipage1" SelectedIndex="0" EnableViewState="true"> <Tabs> <telerik:RadTab runat="server" Text="Fitter Order" PageViewID="PageView1"> </telerik:RadTab> <telerik:RadTab runat="server" Text="PO" PageViewID="PageView2"> </telerik:RadTab> <telerik:RadTab runat="server" Text="Bill" PageViewID="PageView3"> </telerik:RadTab> </Tabs> </telerik:RadTabStrip> <telerik:RadMultiPage runat="server" ID="Multipage1" SelectedIndex="0" EnableViewState="true"> <telerik:RadPageView runat="server" ID="PageView1" BorderStyle="Solid" BorderWidth="3" BorderColor="#BDD097" Skin="Forest" Width="99.5%"> <div> <table width="100%" cellpadding="0" cellspacing="0" border="0"> <tr> </tr> <tr> <td> <telerik:RadGrid ID="wRGFO" runat="server" Skin="Telerik" AllowSorting="true" AutoGenerateColumns="false" GridLines="Both"> <PagerStyle Mode="NumericPages"></PagerStyle> <MasterTableView DataKeyNames="FOId"> <Columns> <telerik:GridBoundColumn UniqueName="DocNo" HeaderText="DocNo" DataField="DocNo"> </telerik:GridBoundColumn> <telerik:GridBoundColumn UniqueName="DocDate" HeaderText="Date" DataField="DocDate"> </telerik:GridBoundColumn> <telerik:GridBoundColumn UniqueName="FitterName" HeaderText="Fitter Name" DataField="FitterName"> </telerik:GridBoundColumn> <telerik:GridBoundColumn UniqueName="Status" HeaderText="Status" DataField="Status"> </telerik:GridBoundColumn> <telerik:GridBoundColumn UniqueName="TotalFee" HeaderText="TotalFee" DataField="TotalFee"> </telerik:GridBoundColumn> <telerik:GridBoundColumn UniqueName="Instruction" HeaderText="Instruction" DataField="Instruction"> </telerik:GridBoundColumn> <telerik:GridBoundColumn UniqueName="Remark" HeaderText="Remark" DataField="Remark"> </telerik:GridBoundColumn> </Columns> </MasterTableView> </telerik:RadGrid> </td> </tr> </table> </div> </telerik:RadPageView> <telerik:RadPageView runat="server" BorderStyle="Solid" BorderWidth="3" BorderColor="#BDD097" Skin="Forest" ID="PageView2" Width="99.5%"> <div> <table width="100%" cellpadding="0" cellspacing="0" border="0"> <tr> <td> <telerik:RadGrid ID="wRGPO" runat="server" Skin="Telerik" AllowSorting="true" AutoGenerateColumns="false" GridLines="Both"> <MasterTableView DataKeyNames="POId"> <Columns> <telerik:GridBoundColumn UniqueName="docno" HeaderText="Doc No" DataField="docno"> </telerik:GridBoundColumn> <telerik:GridBoundColumn UniqueName="docdate" HeaderText="Date" DataField="docdate" DataFormatString="{0:d}"> </telerik:GridBoundColumn> <telerik:GridBoundColumn UniqueName="supplierName" HeaderText="Supplier Name" DataField="supplierName"> </telerik:GridBoundColumn> <telerik:GridBoundColumn UniqueName="status" HeaderText="status" DataField="status" DataFormatString="{0:d}"> </telerik:GridBoundColumn> </Columns> </MasterTableView> </telerik:RadGrid> </td> </tr> </table> </div> </telerik:RadPageView> <telerik:RadPageView runat="server" BorderStyle="Solid" BorderWidth="3" BorderColor="#BDD097" Skin="Forest" ID="PageView3" Width="99.5%"> <div> <table width="100%" cellpadding="0" cellspacing="0" border="0"> <tr> <td> <telerik:RadGrid ID="wRGBill" runat="server" Skin="Telerik" AllowSorting="true" AutoGenerateColumns="false" GridLines="Both"> <MasterTableView DataKeyNames="POId"> <Columns> <telerik:GridBoundColumn UniqueName="docno" HeaderText="Doc No" DataField="docno"> </telerik:GridBoundColumn> <telerik:GridBoundColumn UniqueName="docdate" HeaderText="Date" DataField="docdate" DataFormatString="{0:d}"> </telerik:GridBoundColumn> <telerik:GridBoundColumn UniqueName="supplierName" HeaderText="Supplier Name" DataField="supplierName"> </telerik:GridBoundColumn> <telerik:GridBoundColumn UniqueName="status" HeaderText="status" DataField="status" DataFormatString="{0:d}"> </telerik:GridBoundColumn> </Columns> </MasterTableView> </telerik:RadGrid> </td> </tr> </table> </div> </telerik:RadPageView> </telerik:RadMultiPage> </td> </tr> </table> </asp:Panel> </NestedViewTemplate> <Columns> <telerik:GridBoundColumn UniqueName="AccountName" HeaderText="DocNo" DataField="docno" FilterControlWidth="20px" HeaderStyle-Width="5%"> </telerik:GridBoundColumn> <telerik:GridBoundColumn UniqueName="docdate" HeaderText="DocDate" HeaderStyle-Width="11%" DataField="docdate"> </telerik:GridBoundColumn> <telerik:GridBoundColumn UniqueName="DueDate" HeaderText="DueDate" HeaderStyle-Width="11%" DataField="DueDate"> </telerik:GridBoundColumn> <telerik:GridBoundColumn UniqueName="PartyName" HeaderText="Name" HeaderStyle-Width="11%" FilterControlWidth="40px" DataField="PartyName"> </telerik:GridBoundColumn> <telerik:GridBoundColumn UniqueName="PartyAddress" HeaderText="Address" HeaderStyle-Width="12%" DataField="PartyAddress"> </telerik:GridBoundColumn> <telerik:GridBoundColumn UniqueName="MobileNo" HeaderText="MobileNo" HeaderStyle-Width="7%" FilterControlWidth="40px" DataField="MobileNo"> </telerik:GridBoundColumn> <telerik:GridBoundColumn UniqueName="PhoneNo" HeaderText="PhoneNo" HeaderStyle-Width="7%" FilterControlWidth="40px" DataField="PhoneNo"> </telerik:GridBoundColumn> <telerik:GridBoundColumn UniqueName="frameno" HeaderText="FNo" DataField="frameno" FilterControlWidth="20px" HeaderStyle-Width="4%"> </telerik:GridBoundColumn> <telerik:GridBoundColumn UniqueName="productdescription" HeaderText="ProductDescription" FilterControlWidth="170px" DataField="productdescription" HeaderStyle-Width="22%"> </telerik:GridBoundColumn> <telerik:GridBoundColumn UniqueName="status" HeaderText="Status" DataField="status" FilterControlWidth="30px" HeaderStyle-Width="8%"> </telerik:GridBoundColumn> <telerik:GridTemplateColumn HeaderText="IsNew" HeaderStyle-Width="6%" ReadOnly="true" FilterControlWidth="25px"> <ItemTemplate> <asp:CheckBox ID="chknew" Checked='<%#Bind("NewProduct") %>' runat="server" ShowFilterIcon="false" Enabled="false" /> </ItemTemplate> </telerik:GridTemplateColumn> </Columns> <HeaderStyle HorizontalAlign="Left" /> </MasterTableView> </telerik:RadGrid> </ContentTemplate> </asp:UpdatePanel> </td> </tr> </table>3 Answers, 1 is accepted
0
Shinu
Top achievements
Rank 2
Rank 2
answered on 31 Oct 2011, 01:03 PM
Hello Reshmi,
Try to register the skin CSS files manually on page your page:
Here is the sample :
Thanks,
Shinu.
Try to register the skin CSS files manually on page your page:
Here is the sample :
<head runat="server"> <title></title> <link class="Telerik_stylesheet" type="text/css" rel="stylesheet" href="/Common/WebResource.axd?d=XNWnnsKD36XCOF4wdCoroq7pM8lcPnCTIZlh4r-wtCb7v9ATXkJjf6Pg2q5lRBNcTmExDE1xQBhxnaPA9rvkgQ2&t=633819789860000000"> <link class="Telerik_stylesheet" type="text/css" rel="stylesheet" href="/Common/WebResource.axd?d=XNWnnsKD36XCOF4wdCoroq7pM8lcPnCTIZlh4r-wtCbr_Rl1cxhDgZeGOUnXtYsj0&t=633819789860000000"> <link class="Telerik_stylesheet" type="text/css" rel="stylesheet" href="/Common/WebResource.axd?d=XNWnnsKD36XCOF4wdCoroq7pM8lcPnCTIZlh4r-wtCYIRKgNENPR8pW8euZaUjU3ztZw-bZLU88B7oN6eXmqAP61jNxLpXh7sBGQZcpXsrI1&t=633819789860000000"> <link class="Telerik_stylesheet" type="text/css" rel="stylesheet" href="/Common/WebResource.axd?d=XNWnnsKD36XCOF4wdCoroq7pM8lcPnCTIZlh4r-wtCZI8iOoOLGcm3FsJ0bQaWhDlhQ0FlXRjEE1pe8Aai3PEQ2&t=633819789860000000"> </head>Thanks,
Shinu.
0
Rashmi
Top achievements
Rank 1
Rank 1
answered on 31 Oct 2011, 01:16 PM
Hello Shinu,
Thanks for ur response i tried ur code , i m using master page and i added this code in master page header but still i m getting same problem and only in google chrome.
.
Thanks for ur response i tried ur code , i m using master page and i added this code in master page header but still i m getting same problem and only in google chrome.
.
0
Hello Rashmi,
Try to set the EnableAjaxSkinRendering property of the RadTabStrip to True.
Best wishes,
Dimitar Terziev
the Telerik team
Try to set the EnableAjaxSkinRendering property of the RadTabStrip to True.
Best wishes,
Dimitar Terziev
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now