Radtabstrip style/css is not displaying in page refresh.

4 posts, 0 answers
  1. Rashmi
    Rashmi avatar
    7 posts
    Member since:
    Oct 2011

    Posted 31 Oct 2011 Link to this post

    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>
  2. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 31 Oct 2011 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Rashmi
    Rashmi avatar
    7 posts
    Member since:
    Oct 2011

    Posted 31 Oct 2011 Link to this post

    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.
    .
  5. Dimitar Terziev
    Admin
    Dimitar Terziev avatar
    1266 posts

    Posted 03 Nov 2011 Link to this post

    Hello Rashmi,

    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
Back to Top