Different CSS Loading?

3 posts, 1 answers
  1. Paul
    Paul avatar
    17 posts
    Member since:
    May 2011

    Posted 17 Feb 2014 Link to this post

    Morning All,

    I am having a small and trivial issue but my client has flagged it up so trying to resolve it.

    I have a tabstrip in a webform that is loaded inside a RadWindow and the text on the tabs is White. (Screen1.png Attached)

    I have a tabstrip inside a usercontrol that is loaded as the add/edit for a grid and the text on the tabs is Dark Blue. (Screen2.png Attached)

    I have double checked the declaration and there is no difference between the two and I have checked for CSS that might be affecting either one and came up stumped.

    Anyone else had this issue?

    Regards, Paul.
  2. Answer
    Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 17 Feb 2014 in reply to Paul Link to this post

    Hi Paul,

    Please have a look into the sample code snippet which works fine at my end.

    ASPX:
    <telerik:RadWindow ID="RadWindow1" runat="server" VisibleOnPageLoad="true">
        <ContentTemplate>
            <telerik:RadTabStrip ID="RadTabStrip1" runat="server">
                <Tabs>
                    <telerik:RadTab Text="Tab1" CssClass="tabcolor1">
                    </telerik:RadTab>
                    <telerik:RadTab Text="Tab2" CssClass="tabcolor1">
                    </telerik:RadTab>
                </Tabs>
            </telerik:RadTabStrip>
        </ContentTemplate>
    </telerik:RadWindow>
    <telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateEditColumn="true" DataSourceID="SqlDataSource1">
        <MasterTableView>
            <Columns>
                <telerik:GridTemplateColumn>
                    <EditItemTemplate>
                        <telerik:RadTabStrip ID="RadTabStrip2" runat="server">
                            <Tabs>
                                <telerik:RadTab Text="Tab3" CssClass="tabcolor2">
                                </telerik:RadTab>
                                <telerik:RadTab Text="Tab4" CssClass="tabcolor2">
                                </telerik:RadTab>
                            </Tabs>
                        </telerik:RadTabStrip>
                    </EditItemTemplate>
                </telerik:GridTemplateColumn>
            </Columns>
        </MasterTableView>
    </telerik:RadGrid>

    CSS:
    <style type="text/css">
        .tabcolor1
        {
            color: White !important;
        }
        .tabcolor2
        {
            color: Blue !important;
        }
    </style>

    Please elaborate your requirement if it doesn't help.
    Thanks,
    Shinu.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Paul
    Paul avatar
    17 posts
    Member since:
    May 2011

    Posted 18 Feb 2014 in reply to Shinu Link to this post

    Thanks for your post Shuni.

    Worked a treat.

    Regards, Paul.
Back to Top