Unable to see nested PanelBar bars

2 posts, 0 answers
  1. ryan
    ryan avatar
    21 posts
    Member since:
    Aug 2010

    Posted 10 Sep 2010 Link to this post

    When I nest panel bars such as below I'm unable to see the second-level RadPanelBarItem bars (although I CAN see their content):

    <telerik:RadPanelBar ExpandMode="Multiple">
       <telerik:RadPanelBarItem>
          <telerik:RadPanelBarItem></telerik:RadPanelBarItem>
          <telerik:RadPanelBarItem></telerik:RadPanelBarItem>
          <telerik:RadPanelBarItem></telerik:RadPanelBarItem>
       </telerik:RadPanelBarItem>
    </telerik:RadPanelBar>

    So the above technique doesn't seem to work with the latest release of telerik silverlight.  Also, if I attempt to do this below instead then I'm unable to close the RadPanelBarItem's:

    <telerik:RadPanelBar ExpandMode="Multiple"
       <telerik:RadPanelBar ExpandMode="Multiple"> > 
          <telerik:RadPanelBarItem></telerik:RadPanelBarItem
          <telerik:RadPanelBarItem></telerik:RadPanelBarItem
          <telerik:RadPanelBarItem></telerik:RadPanelBarItem
       </telerik:RadPanelBar
    </telerik:RadPanelBar>


    Is there another way I'm supposed to nest RadPanelBars?
  2. Kiril Stanoev
    Admin
    Kiril Stanoev avatar
    1511 posts

    Posted 16 Sep 2010 Link to this post

    Hello Ryan,

    RadPanelBarItem is a HeaderedItemsControl. This means that besides setting content, you need to give it a header as well:

    <telerik:RadPanelBar ExpandMode="Multiple">
        <telerik:RadPanelBarItem Header="Root Header">
            <telerik:RadPanelBarItem>
                <!--Header-->
                <telerik:RadPanelBarItem.Header>
                    <TextBlock Text="Sub Item Header" />
                </telerik:RadPanelBarItem.Header>
                <!--Content-->
                <StackPanel>
                    <TextBlock Text="Content #1" />
                    <TextBlock Text="Content #2" />
                    <TextBlock Text="Content #3" />
                </StackPanel>
            </telerik:RadPanelBarItem>
        </telerik:RadPanelBarItem>
    </telerik:RadPanelBar>

    This will produce the following output:



    Does this help? If not, could you please share more information about your scenario. I'd be glad to further assist you.

    Regards,
    Kiril Stanoev
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  3. DevCraft banner
Back to Top