Issue with radsplitbar and radslidingzone

3 posts, 1 answers
  1. usr9999
    usr9999 avatar
    41 posts
    Member since:
    Jun 2010

    Posted 06 Aug 2010 Link to this post


    I am using radtabstrip and radmultipageview in my screen. The width of both is set to 100%. When I open the screen the screen loading find with 100%. No problem

    Now I have added RadSplitter with 2 pans and sliding zone. “Main Pan” has the tabstrip and multipageview. “Right Pan” has “RadSlidingZone”. Now when I open the screen, the screen open with 50% width and tehn expands to be 100%. The screen is flicking. The following is my code. What am I missing?

    <telerik:RadSplitter ID="RadSplitter1" runat="server" Width="100%" Height="600px">

    <telerik:RadPane ID="MainPane" runat="server" Width="100%" Height="600px">
            -- RadTabStrip and RadMultiPageView goes here.

    <telerik:RadSplitBar ID="RadSplitbar1" runat="server">

    <telerik:RadPane ID="RightPane" runat="server" Width="30" Scrolling="Both" Height="600px">
            <telerik:RadSlidingZone ID="SlidingZone1" runat="server" Width="30" SlideDirection="Left"
                  <telerik:RadSlidingPane ID="Pane1" runat="server" Width="200" Height="120" IconUrl="../Images/RecordActions.gif">
                           <telerik:RadPanelBar runat="server" ID="RadPanelBar1" ExpandMode="MultipleExpandedItems"
                                            OnItemClick="RadPanelBar1_ItemClick" Skin="Windows7">
                  <telerik:RadSlidingPane ID="Pane2" runat="server" Width="200" Height="120" IconUrl="../Images/EventHistory.gif">
                                        View Event History
                  <telerik:RadSlidingPane ID="Pane3" runat="server" Width="200" Height="120" IconUrl="../Images/ChangeHistory.gif">
                                        Change history

    Thanks in advance

  2. Answer
    Tsvetie avatar
    1517 posts

    Posted 10 Aug 2010 Link to this post

    Hello usr9999,
    The problem you describe is a result of the fact that the splitter control calculates the size of its elements client-side. In order to hide the initial re-size operations of the control from the users of your site, you can set VisibleDuringInit of RadSplitter to false. That way, the splitter will show after all its elements have their correct size set.

    All the best,
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  3. DevCraft R3 2016 release webinar banner
  4. usr9999
    usr9999 avatar
    41 posts
    Member since:
    Jun 2010

    Posted 12 Aug 2010 Link to this post

    Thank you for the support. It fixed the issue.
Back to Top