[Solved] Unable to see nested PanelBar bars

[ryan]

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?

[Kiril Stanoev]

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