Formatting Root Items

3 posts, 1 answers
  1. Alan Fisher
    Alan Fisher avatar
    14 posts
    Member since:
    Nov 2009

    Posted 10 Feb 2011 Link to this post

    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
  2. Answer
    Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 11 Feb 2011 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Alan Fisher
    Alan Fisher avatar
    14 posts
    Member since:
    Nov 2009

    Posted 11 Feb 2011 Link to this post

    Thanks Shinu,

    I didnt know about Separators so thankyou! 

    Regards
    Alan
Back to Top