This is a migrated thread and some comments may be shown as answers.

Radtabstrip style/css is not displaying in page refresh.

3 Answers 213 Views

TabStrip

This is a migrated thread and some comments may be shown as answers.

Rashmi asked on 31 Oct 2011, 11:40 AM

Radtabstrip.GIF

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

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 :

<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.