Different CSS Loading?

[Paul]

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.

[Shinu]

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.

[Paul]

Thanks for your post Shuni.

Worked a treat.

Regards, Paul.