Splitter BorderSize not working as designed?

2 posts, 0 answers
  1. Paul
    Paul avatar
    76 posts
    Member since:
    Feb 2008

    Posted 11 Aug 2008 Link to this post


    I'm using the latest Q2 release. Recently I added a RadSplitter to my masterpage and content is loaded into one of the panes. Some of the content contains RadSplitters themselves. All of my RadSplitter's within my content all have default borders set. I did not however want the RadSplitter on the master page to have a border so I set the parameter for the splitter to BorderSize="0" (I also tried PaneBorderSize="0").

    The issue I have is by setting the border size to zero on the masterpage, it has strange side effects on all the splitters loading in the content pane. They lose their borders! Not entirely however, there's still a few borderlines here and there. The borders that do appear are in between RadPanes. Basically it appears all the RadSplitters in my content areas default to having no border. Manually setting the border size does nothing at all.

    Is this a bug or am I not doing something right? I would like to have a RadSplitter on my masterpage with no borders, and any RadSplitters that appear in the content placeholder (within one of the RadPanes) to have all the borders turned on (basically like they were before I put the RadSplitter into the masterpage.


  2. Tsvetie
    Tsvetie avatar
    1517 posts

    Posted 13 Aug 2008 Link to this post

    Hello Paul,
    In this case the RadSplitter in your child page is treated as a nested RadSplitter - its direct parent is a RadPane. By default, a nested RadSplitter occupies 100% of the width and height of its parent RadPane and resizes with it (this is controlled by the ResizeWithParentPane property).

    A nested splitter does not have borders as well. Usually users do not expect to see  double borders - those of the parent splitter and those of the nested splitter, but rather a single border. That is why, by design, a nested splitter has no borders.

    That is why in order to get the desired behavior, all you need to do, is make your splitters in child pages, not nested, that is, set their ResizeWithParentPane property to "false". You can additionally set their Width and Height to 100%, in case you want them to resize with their parent RadPane:
    <asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">  
        <telerik:RadSplitter ID="RadSplitter_Child" Width="100%" Height="100%" runat="server"   
            <telerik:RadPane ID="RadPane1" runat="server">  
            <telerik:RadPane ID="RadPane2" runat="server">  

    Sincerely yours,
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Back to Top