Formatting Root Items

[Alan Fisher]

Could someone point me in the right direction as to how to format the root items of a panelbar so that there is some horizontal space between all the collapsed root items? I dont want all the items to appear touching each other when they are collapsed

Any assistance would be greatly appreciated

[Shinu]

Hello Alan,

You could use separators to achieve the desired appearance. Here is the sample aspx.

aspx:

<telerik:RadPanelBar ID="RadPanelBar1" runat="server" Skin="Office2007">
 <Items>
     <telerik:RadPanelItem Text="Root Item 1" runat="server">
        <Items>
           <telerik:RadPanelItem Text="Child Item 1.1" runat="server">
           </telerik:RadPanelItem>
         </Items>
     </telerik:RadPanelItem>
     <telerik:RadPanelItem IsSeparator="true" Height="4px">
     </telerik:RadPanelItem>
     <telerik:RadPanelItem runat="server" Text="Root Item 2">
           <Items>
          <telerik:RadPanelItem runat="server" Text="Child Item 2.1">
          </telerik:RadPanelItem>
     </telerik:RadPanelItem>
  </Items>
</telerik:RadPanelBar>

Also check out this documentation for more on separators.

Thanks,
Shinu.

[Alan Fisher]

Thanks Shinu,

I didnt know about Separators so thankyou! 

Regards
Alan