issue in collapsing splitbar

6 posts, 0 answers
  1. Sudhakar
    Sudhakar avatar
    28 posts
    Member since:
    Jul 2014

    Posted 08 Sep 2014 Link to this post

    Hi,

    I have three radpanes inside the radsplitter each seperating with splitbar.

    <telerik:RadSplitter ID="RadSplitter1" runat="server" Height="200" Width="700" >
              <telerik:RadPane ID="RadPane1" runat="server" Width="100">
                   Left Pane
              </telerik:RadPane>
              <telerik:RadSplitBar ID="RadSplitbar1" runat="server" CollapseMode="Forward">
              </telerik:RadSplitBar>
              <telerik:RadPane ID="RadPane2" runat="server" Width="200">
                   Middle Pane
              </telerik:RadPane>
              <telerik:RadSplitBar ID="RadSplitbar2" runat="server" >
              </telerik:RadSplitBar>
              <telerik:RadPane ID="RadPane3" runat="server">
                   End Pane
              </telerik:RadPane>
         </telerik:RadSplitter>

    When i click on the arrow between left and middle pane,the left pane is collapsed and the size of the other panes are increased.
    My requirement is not to increase the sizes of the other panes while collapsing left pane.

    Also,is there any way to change the image(arrow image) between left and middle pane  to some other image

    I expect an answer ASAP.
    Thanks!!
  2. Vessy
    Admin
    Vessy avatar
    1380 posts

    Posted 11 Sep 2014 Link to this post

    Hi Sudhakar,

    There are three possible ways in which you can configure the RadSplitbar's resize mode, depending on the way you want the size ot the collapsed pane to be distributed. You can find detailed information about them and the differences in their functionality in the following live demo: Resize Modes

    Please note, though, that if you want to keep the width of the both expanded panes the same like before the collapsing - I am afraid that this is not possible. The size of the Splitter has to remain the same even after the collapsing of any of its panes.

    Regards,
    Vessy
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Sudhakar
    Sudhakar avatar
    28 posts
    Member since:
    Jul 2014

    Posted 17 Sep 2014 Link to this post

    Hi All,

    Can any one please let me know is there are any other ways to do this.

    its kind of urgent.
    thanks in advance.

    Regards,
    Sudhakar.
  5. Vessy
    Admin
    Vessy avatar
    1380 posts

    Posted 22 Sep 2014 Link to this post

    Hi Sudhakar,

    As explained in my previous reply, the Splitter is designed to occupy one and the same size no matter what the size of its content panes is, or whether they are collapsed on not. The only possible thing you can do could be to handle the collapsing of the pane and reset the Splitter's size depending on their width/height by using you custom JavaScript calculations. A similar approach is shown here in order to resize the Splitter depending on its content, so you can use it as a base for your custom implementation: Initially Resize the RadSplitter according to its content

    Regards,
    Vessy
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
  6. Sudhakar
    Sudhakar avatar
    28 posts
    Member since:
    Jul 2014

    Posted 10 Oct 2014 Link to this post

    Is there any way to change the default image(arrow image) between left and middle pane  to some other image.

    Please find the attachment for the icon to change.
  7. Vessy
    Admin
    Vessy avatar
    1380 posts

    Posted 15 Oct 2014 Link to this post

    Hi Sudhakar,

    I will suggest that you review the following post, where you details on how to change the Splitbar's icons had bee already discussed: SplitBar icon

    Hope this helps.

    Regards,
    Vessy
    Telerik
     

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

     
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017