Rad Slider not appearing over Content

4 posts, 0 answers
  1. Michael VS
    Michael VS avatar
    14 posts
    Member since:
    Jul 2007

    Posted 17 Dec 2008 Link to this post

    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?
  2. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 19 Dec 2008 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. yashvir karki
    yashvir karki avatar
    3 posts
    Member since:
    Jul 2009

    Posted 18 Sep 2009 Link to this post

    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
  5. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 23 Sep 2009 Link to this post

    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.
Back to Top