How to reference a difference style sheet for nested user controls

[Michael]

I am using nested user controls and web controls in my PanelBar Items.  They are reused outside of my Panelbar in other parts of the app.  They already have style sheets and css classes assigned to them.  When I drop the controls into the panel bar they no longer use those but inherit from the PanelBars default stylesheet.  How to do I reference the other stylesheet? Is there a way to use a custom skin for the Panelbar but still have the nested controls use their own style sheet?

<div id="ICEmploymentRole" runat="server">
       <telerik:RadPanelBar runat="server" ID="RadPanelBarICE" Width="1024px" ExpandMode="SingleExpandedItem" AllowCollapseAllItems="true">
        <Items>
        <telerik:RadPanelItem Text="My Internal Controls Criteria" runat="server" >
        <Items>
        <telerik:RadPanelItem runat="server" Value="templateHolder" >
            <ItemTemplate>
             <div class="notificationcontainer">
             <asp:Label ID="lblICEConfirmationMsg" runat="server" Visible="False" CssClass="notification"></asp:Label>
             <asp:Label ID="lblICEErrMsg" runat="server" CssClass="error" Visible="False"></asp:Label></div>
             <asp:GridView ID="grdIceCriteriaList" runat="server"
                OnRowDeleting="grdUserCriteriaList_RowDeleting"
                OnRowEditing="grdUserCriteriaList_RowEditing"
                OnRowDataBound="grdICECriteriaList_RowDataBound"
                AutoGenerateColumns="False"
                SkinID="gridviewContentSkin"
                CssClass="contentTable">
                    <Columns>
                    <asp:BoundField DataField="CriteriaName" HeaderText="Name" />
                    <asp:BoundField DataField="VPAreaDesc" HeaderText="VP Area" SortExpression="VPAreaDesc" />
                    <asp:BoundField DataField="OrgGrpDesc" HeaderText="Sch/Coll/Dept Grp" />
                    <asp:BoundField DataField="DeptIDDesc" HeaderText="Dept" SortExpression="DeptIDDesc" />
                    <asp:TemplateField HeaderText="Default">
                        <ItemTemplate>
                            <asp:Literal ID="RadioButtonMarkup" runat="server" ></asp:Literal>&nbsp;
                        </ItemTemplate>
                    </asp:TemplateField>
                        <asp:TemplateField>
                            <EditItemTemplate>
                                <asp:LinkButton ID="LinkButton1" runat="server" CausesValidation="True" CommandName="Update"
                                    Text="Update"></asp:LinkButton>
                            </EditItemTemplate>
                            <ItemTemplate>
                                <asp:LinkButton ID="lnkbtnEdit" runat="server" CausesValidation="False" CommandName="Edit"
                                    Text="Edit"></asp:LinkButton>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField>
                            <ItemTemplate>
                                <asp:LinkButton ID="lnkbtnDel" runat="server" CausesValidation="False" CommandName="Delete"
                                    OnClientClick="return DeleteDataConfirmation(this)" Text="Delete"></asp:LinkButton>
                            </ItemTemplate>
                        </asp:TemplateField>
                       </Columns>
                    </asp:GridView>
                    <div class="centered">
                   <asp:LinkButton ID="lnkbtnAddICECriteria" runat="server" OnClick="lnkbtnAddICECriteria_Click" CssClass="contentlink">Click to add new criteria</asp:LinkButton></div>
                <div class="mysettingsfloat">
               <uc2:ParamBar ID="ParamBar1" runat="server" Visible="false" />
               </div>
            </ItemTemplate>
            </telerik:RadPanelItem>
            </Items>
            </telerik:RadPanelItem>
            </Items>
            </telerik:RadPanelBar>
 </div>

 

 

[Yana]

Hi Michael,

There is no problem using nested controls with their styles, but in some cases the styles of panelbar really can overwrite the nested controls' styles.  You should make your styles stronger in order to give them precedence over the panelbar styles. Please check this article explaining how to do that.  If you need further assistance, contact us again.

Kind regards,
Yana
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.