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

Rad Slider not appearing over Content

3 Answers 77 Views
Splitter
This is a migrated thread and some comments may be shown as answers.
Michael VS
Top achievements
Rank 1
Michael VS asked on 18 Dec 2008, 05:07 AM
Hi There,

Im trying to get a RadSplitter going where if the user mouse overs a sliding zone tab I want a panel to slide out and cover some content with the sliding pane content however it doesn't seem to allow the sliding pane to go over the content area and doesn't go past the sliding bar as in the example on http://demos.telerik.com/aspnet-ajax/Splitter/Examples/SP_FirstLook/DefaultCS.aspx

The code I have is:
<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %> 
 
<%@ Register Assembly="RadSplitter.Net2" Namespace="Telerik.WebControls" TagPrefix="telerik" %> 
<%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" 
    Namespace="System.Web.UI" TagPrefix="asp" %> 
 
<html > 
<head id="Head1" runat="server">  
   
</head> 
<body class="BODY">  
    <form id="Form1" method="post" runat="server">  
        <asp:ScriptManager ID="ScriptManager" runat="server" /> 
        <br /> 
        <telerik:RadSplitter ID="RadSplitter1" runat="server" Width="700" Height="500">  
            <telerik:RadPane ID="LeftPane" runat="server" Width="22" Scrolling="none" Locked="true">  
                <telerik:RadSlidingZone ID="SlidingZone1" runat="server" Width="22">  
                    <telerik:RadSlidingPane ID="RadSlidingPane1" Title="Pane1" runat="server" Width="150">  
                        Pane 1 Content  
                    </telerik:RadSlidingPane> 
                </telerik:RadSlidingZone> 
            </telerik:RadPane> 
            <telerik:RadSplitBar ID="Radsplitbar1" runat="server"></telerik:RadSplitBar> 
            <telerik:RadPane ID="MiddlePane1" runat="server" Scrolling="None">  
               Main Content  
            </telerik:RadPane> 
        </telerik:RadSplitter> 
        <br /> 
    </form> 
</body> 
</html> 
 

As a test I then copied the code from http://demos.telerik.com/aspnet-ajax/Splitter/Examples/SP_FirstLook/DefaultCS.aspx and pasted into a blank VS2005 web site solution and none of the sliding zones slide out over the content as in the demo either.  I'm using IE 7.  Am i missing something here?

3 Answers, 1 is accepted

Sort by
0
Svetlina Anati
Telerik team
answered on 19 Dec 2008, 03:45 PM
Hi Michael,

I created a test project based on the provided information but the sliding pane did not go behind the content.

What I noticed is that the entire RadSlidingPane was not positioned as expected. The reason for this behavior is that you do not have a <!DOCTYPE> and it is required in order to have the RadControls work correctly because they are XHTML compliant.

This being said you should modify your code in the following manner:

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default2.aspx.vb" Inherits="Default2" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<%@ Register Assembly="RadSplitter.Net2" Namespace="Telerik.WebControls" TagPrefix="telerik" %>   
<%@ Register Assembly="System.Web.Extensions, Version=1.0.61025.0, Culture=neutral, PublicKeyToken=31bf3856ad364e35" 
    Namespace="System.Web.UI" TagPrefix="asp" %> 
<html> 
<head id="Head1" runat="server">  
</head> 
<body class="BODY">  
    <form id="Form1" method="post" runat="server">  
        <asp:ScriptManager ID="ScriptManager" runat="server" /> 
        <br /> 
        <telerik:RadSplitter ID="RadSplitter1" runat="server" Width="700" Height="500">  
            <telerik:RadPane ID="LeftPane" runat="server" Width="22" Scrolling="none" Locked="true">  
                <telerik:RadSlidingZone ID="SlidingZone1" runat="server" Width="22">  
                    <telerik:RadSlidingPane ID="RadSlidingPane1" Title="Pane1" runat="server" Width="150">     
                        Pane 1 Content     
                    </telerik:RadSlidingPane> 
                </telerik:RadSlidingZone> 
            </telerik:RadPane> 
            <telerik:RadSplitBar ID="Radsplitbar1" runat="server">  
            </telerik:RadSplitBar> 
            <telerik:RadPane ID="MiddlePane1" runat="server" Scrolling="None">     
               Main Content     
            </telerik:RadPane> 
        </telerik:RadSplitter> 
        <br /> 
    </form> 
</body> 
</html> 



In case you need further assistance, please open a new support ticket and provide a fully working project along with a more detailed explanation of the actual and the desired behavior.

Sincerely yours,
Svetlina
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
yashvir karki
Top achievements
Rank 1
answered on 18 Sep 2009, 04:31 PM
Hi

My project looks same the only diffrence is that I am using telerik asp.net contol for ajax version 2009.2.701.20

when I am running site in developmet server after publishing it works fine.

But when I access this published site through testing server(some other machine on domain) then at that time the panel opens in back of fixed middle pane.

Note in both dev and testing machines I have IE7.

I also have the XHTML tag string that you told in previous post.

Please help...

Thanks & Regards
Yashvir
0
Svetlina Anati
Telerik team
answered on 23 Sep 2009, 03:40 PM
Hi yashviri,

Can you provide a live url where we can observe the problem? If so, please also add detailed explanations and reproduction steps and we will do our best to help once we examine the setup and get a better understanding on what is actually going on.


Kind regards,
Svetlina
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Tags
Splitter
Asked by
Michael VS
Top achievements
Rank 1
Answers by
Svetlina Anati
Telerik team
yashvir karki
Top achievements
Rank 1
Share this question
or