This is a migrated thread and some comments may be shown as answers.

Issue with radsplitbar and radslidingzone

2 Answers 42 Views
Splitter
This is a migrated thread and some comments may be shown as answers.
usr9999
Top achievements
Rank 1
usr9999 asked on 06 Aug 2010, 02:29 PM

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

2 Answers, 1 is accepted

Sort by
0
Accepted
Tsvetie
Telerik team
answered on 10 Aug 2010, 12:37 PM
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
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
0
usr9999
Top achievements
Rank 1
answered on 12 Aug 2010, 08:23 PM
Thank you for the support. It fixed the issue.
Tags
Splitter
Asked by
usr9999
Top achievements
Rank 1
Answers by
Tsvetie
Telerik team
usr9999
Top achievements
Rank 1
Share this question
or