RadPane with RadSlidingZone and RadSlidingPane and Scroolbar

[nadiagi]

Hi, I've using the latest build and I've the following problem. I have a pane with slidingzone and some slidingpane. The splitter has the FullScreenMode = true, and when I resize the IE window, the scroolbar are not showed, also if the content is outside the windows. So I've enable the Scrolling="Y" on the RadPane with sliding pane to showed them. But there is a strange effect:the scroolbar is corretly showed, but when sliding pane is expansed, no dock and close button are showed, becouse the scroolbar is over the icon. Can you suggest a way to avoid it? The best think for me would be showed scrollbar for the form document, but with FullScreenMode=true, also if content is outside the area, the scroolbar are not showed...This is the page with is possible to reproduce the problem:

%

@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

 

<%

@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

 

<!

DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 

<

html xmlns="http://www.w3.org/1999/xhtml">

 

<

head runat="server">

 

 

<title>Untitled Page</title>

 

</

head>

 

<

body>

 

 

<form id="form1" runat="server" style="overflow:auto">

 

 

 

<asp:ScriptManager ID="ScriptManager1" runat="server">

 

 

</asp:ScriptManager>

 

 

<telerik:RadSplitter ID="RadSplitter1" runat="server" FullScreenMode="true" Width="100%" Height="100%" HeightOffset="1">

 

 

<telerik:RadPane ID="RadPane1" runat="server" Scrolling="Y" Width="22" MinWidth="25">

 

 

<telerik:RadSlidingZone ID="RadSlidingZone1" runat="server">

 

 

<telerik:RadSlidingPane ID="RadSlidingPane1" runat="server" Title="Slide1">

 

 

</telerik:RadSlidingPane>

 

 

<telerik:RadSlidingPane ID="RadSlidingPane2" runat="server" Title="Slide2">

 

 

</telerik:RadSlidingPane>

 

 

<telerik:RadSlidingPane ID="RadSlidingPane3" runat="server" Title="Slide3">

 

 

</telerik:RadSlidingPane>

 

 

<telerik:RadSlidingPane ID="RadSlidingPane4" runat="server" Title="Slide4">

 

 

</telerik:RadSlidingPane>

 

 

<telerik:RadSlidingPane ID="RadSlidingPane5" runat="server" Title="Slide5">

 

 

</telerik:RadSlidingPane>

 

 

<telerik:RadSlidingPane ID="RadSlidingPane6" runat="server" Title="Slide6">

 

 

</telerik:RadSlidingPane>

 

 

<telerik:RadSlidingPane ID="RadSlidingPane7" runat="server" Title="Slide7">

 

 

</telerik:RadSlidingPane>

 

 

<telerik:RadSlidingPane ID="RadSlidingPane8" runat="server" Title="Slide8">

 

 

</telerik:RadSlidingPane>

 

 

<telerik:RadSlidingPane ID="RadSlidingPane9" runat="server" Title="Slide9">

 

 

</telerik:RadSlidingPane>

 

 

<telerik:RadSlidingPane ID="RadSlidingPane10" runat="server" Title="Slide10">

 

 

</telerik:RadSlidingPane>

 

 

<telerik:RadSlidingPane ID="RadSlidingPane11" runat="server" Title="Slide11">

 

 

</telerik:RadSlidingPane>

 

 

</telerik:RadSlidingZone>

 

 

</telerik:RadPane>

 

 

<telerik:RadSplitBar ID="RadSplitBar1" runat="server" CollapseMode="Backward"/>

 

 

<telerik:RadPane ID="RadPane2" runat="server" Width="170" MinWidth="100" Scrolling="None" >NavigationPane</telerik:RadPane>

 

 

<telerik:RadSplitBar ID="RadSplitBar2" runat="server" CollapseMode="Backward"/>

 

 

<telerik:RadPane ID="RadPane3" runat="server" Scrolling="None" MinWidth="200">

 

 

</telerik:RadPane>

 

 

</telerik:RadSplitter>

 

 

 

</form>

 

</

body>

 

</

html>

 

version is ASP.NET_AJAX_2008_3_1105
Regards
Nadia Giusti

[nadiagi]

Hello telerik team, any news for me? If you have problem to reproduce my issues I can send you a project example and some screenshots
Thanks
nadiagi

[Svetlina Anati]

Hi Nadiagi,

The RadSplitter is designed not to support a scrollbar for the RadPane when there is a RadSlidingZone in it. This is the expected behavior, you might confirm this by observing the behavior of the sliding panes in Visual Studio in the same scenario.

The scrollbar occurs only when setting Scrolling to Y and only under IE because of this browser's specifics - if you test under different browsers you will not get the scrollbar which is teh correct behavior. There is no way to workaround this problem - the scrollbar takes 16px and that is why the described problem occurs. That is also the reason this is not supported as functionality for sliding panes.

I also noticed that you have used the FullScreenMode property of the splitter - I recommend to remove it and keep the Width=100% and Height=100% properties along with including the following style:

html, body, form
{
 height: 100%;
 margin: 0px;
 padding: 0px;
 overflow:hidden;
}

If you insist to have the scrollbar, I suggest to better use the following style in order to get the same behavior under all browsers:

#RAD_SPLITTER_PANE_CONTENT_RadPane1
{
 overflow:auto !important;
}

However, I strongly recommend not to show a scrollbar for RadPane1 due to the above explained reasons.

Best wishes,
Svetlina
the Telerik team

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

[nadiagi]

Hi Telerik team,
thanks for your responce. I've another question related this problem. Ok, scrollbar are not supported for RadSlidingZone inside a RadPane. But if the number of sliding pane, inside a RadSlidingZone is very large, and, for example, the IE windows is already resized to full screen, probably a lot of these RadSlidingPane are not visible. In this case, what is the best approach?
Thanks in advance
nadiagi

[Svetlina Anati]

Hello Nadiagi,

In this case the best solution is to change the layout of your page - as you have noticed yourself, the scrollbar occupies 16px of the RadPane which is 22px itself and the RadSlidingPanes' tabs are not visible. I also did not understand whether you have examined the behavior of the Visual Studio in this case - it also behaves the same way and this is the expected behavior and the scenario is not a valid and supported one.

In case you decide to change your layout and encounter other problems with the RadSplitter control itself in a valid scenario, we will be glad to assist you in solving the issues.

Greetings,
Svetlina
the Telerik team

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