Issue with radsplitbar and radslidingzone

[usr9999]

Hi,

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:RadPane>

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

<telerik:RadPane ID="RightPane" runat="server" Width="30" Scrolling="Both" Height="600px">
        <telerik:RadSlidingZone ID="SlidingZone1" runat="server" Width="30" SlideDirection="Left"
                                ClickToOpen="true">
              <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:RadPanelBar>
              </telerik:RadSlidingPane>
              <telerik:RadSlidingPane ID="Pane2" runat="server" Width="200" Height="120" IconUrl="../Images/EventHistory.gif">
                                    View Event History
              </telerik:RadSlidingPane>
              <telerik:RadSlidingPane ID="Pane3" runat="server" Width="200" Height="120" IconUrl="../Images/ChangeHistory.gif">
                                    Change history
              </telerik:RadSlidingPane>
       </telerik:RadSlidingZone>
</telerik:RadPane>
</telerik:RadSplitter>

Thanks in advance

[Tsvetie]

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,
Tsvetie
the Telerik team

[usr9999]

Thank you for the support. It fixed the issue.