RadSliding Pane only showing width set for RadSlidingZone and height same as label

4 posts, 0 answers
  1. hkdave95
    hkdave95 avatar
    245 posts
    Member since:
    Nov 2006

    Posted 02 Sep 2007 Link to this post

    Hi

    My RadSlidingPane is only showing the width applicable to the RadSlidingZone (i.e. 22px) instead of the 350px that I have specified.

    Also the height of the RadSlidingPane is only the same as the label for the RadSlidingPane.

    My aspx is ...
    <%@ Page Language="VB" UICulture="en" Culture="en-GB" CodeFile="Default.aspx.vb" Inherits="_Default" %> 
     
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
     
    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
     
    <%@ Register TagPrefix="dare" TagName="meta" Src="resources/meta.ascx" %> 
     
    <%@ Register assembly="RadAjax.Net2" namespace="Telerik.WebControls" tagprefix="radA" %> 
     
    <html xmlns="http://www.w3.org/1999/xhtml">  
    <head> 
        <title id="titleDefault" runat="server"></title> 
        <dare:meta id="meta" runat="server"></dare:meta> 
        <link href="css/main.css" type="text/css" rel="Stylesheet" /> 
    </head> 
    <body class="BodyDefault">  
        <form id="formDefault" runat="server">  
            <asp:ScriptManager ID="smDefault" runat="server">  
            </asp:ScriptManager> 
            <telerik:RadAjaxManager ID="ramDefault" runat="server">  
            </telerik:RadAjaxManager> 
            <radA:AjaxLoadingPanel ID="alpDefault" Runat="server" height="75px"   
                width="75px">  
                <asp:Image ID="imgLoading" runat="server" AlternateText="Loading..."   
                    ImageUrl="~/RadControls/Ajax/Skins/Default/Loading.gif" /> 
            </radA:AjaxLoadingPanel> 
            <telerik:RadToolTipManager ID="rttmDefault" runat="server">  
            </telerik:RadToolTipManager> 
            <telerik:RadToolTip ID="rttDefaultLoginDARE" runat="server" CssClass="rttDefaultLoginDARE" TargetControlID="rpDefaultLoginDS">  
            </telerik:RadToolTip> 
            <telerik:RadToolTip ID="rTtDefaultLoginDS" runat="server" cssclass="rttDefaultLoginDS" TargetControlID="rpDefaultLoginDARE">  
            </telerik:RadToolTip> 
            <telerik:RadSplitter ID="rsDefaultMain" runat="server" CssClass="rsDefaultMain" Height="100%" Width="100%" Orientation="Vertical">  
                <telerik:RadPane ID="rpDefaultLeftSlidingZone" runat="server" CssClass="rpDefaultLeftSlidingZone" Width="22px" Height="100%" Scrolling="None">  
                    <telerik:RadSlidingZone ID="rszDefaultLeftSlidingZone" Runat="server" CssClass="rszDefaultLeftSlidingZone" Height="100%" Width="22px">  
                        <telerik:RadSlidingPane ID="rspDefaultLoginDS" runat="server" CssClass="rspDefaultLoginDS" Height="100%" Width="350px">  
                            <telerik:RadSplitter ID="rsDefaultLoginDS" runat="server" CssClass="rsDefaultLoginDS" Height="100%" Orientation="Horizontal" Width="100%">  
                                <telerik:RadPane ID="rpDefaultLoginDS" runat="server" CssClass="rpDefaultLoginDS" Locked="true" Scrolling="None" Width="100%">  
                                </telerik:RadPane> 
                            </telerik:RadSplitter> 
                        </telerik:RadSlidingPane> 
                        <telerik:RadSlidingPane ID="rspDefaultLoginDARE" runat="server" CssClass="rspDefaultLoginDARE" Height="100%" Width="350px">  
                            <telerik:RadSplitter ID="rsDefaultLoginDARE" runat="server" CssClass="rsDefaultLoginDARE" Height="100%" Orientation="Horizontal" Width="100%">  
                                <telerik:RadPane ID="rpDefaultLoginDARE" runat="server" CssClass="rpDefaultLoginDARE" Locked="true" Scrolling="None" Width="100%">  
                                </telerik:RadPane> 
                            </telerik:RadSplitter> 
                        </telerik:RadSlidingPane> 
                    </telerik:RadSlidingZone> 
                </telerik:RadPane> 
                <telerik:RadPane ID="rpDefaultPage" runat="server" CssClass="rpDefaultPage" Width="100%" Height="100%" Scrolling="None">  
                    <telerik:RadSplitter ID="rsDefaultPage" runat="server" CssClass="rsDefaultPage" Height="100%" Orientation="Horizontal" Width="100%">  
                        <telerik:RadPane ID="rpDefaultHeader" runat="server" CssClass="rpDefaultHeader" Height="100px" Locked="true" Scrolling="None" Width="100%">  
                        </telerik:RadPane> 
                        <telerik:RadPane ID="rpDefaultContent" runat="server" CssClass="rpDefaultContent" Scrolling="Both" Width="100%">  
                        </telerik:RadPane> 
                        <telerik:RadPane ID="rpDefaultFooter" runat="server" CssClass="rpDefaultFooter" Height="50px" Locked="true" Scrolling="None" Width="100%">  
                        </telerik:RadPane> 
                    </telerik:RadSplitter> 
                </telerik:RadPane> 
            </telerik:RadSplitter> 
        </form> 
        <script language="javascript" type="text/javascript">  
            function RefreshHeader(sContentURL) {  
                $find('<%= rpDefaultHeader.ClientID %>').set_ContentUrl(sContentURL);  
            }  
            function RefreshContent(sContentURL) {  
                $find('<%= rpDefaultContent.ClientID %>').set_ContentUrl(sContentURL);  
            }  
            function RefreshFooter(sContentURL) {  
                $find('<%= rpDefaultFooter.ClientID %>').set_ContentUrl(sContentURL);  
            }  
            function RefreshSlidingZoneDareLogin(sContentURL) {  
                $find('<%= rpDefaultLoginDARE.ClientID %>').set_ContentUrl(sContentURL);  
            }  
            function RefreshSlidingZoneDareSOFTLogin(sContentURL) {  
                $find('<%= rpDefaultLoginDS.ClientID %>').set_ContentUrl(sContentURL);  
            }  
        </script> 
    </body> 
    </html> 

    NB: I am using VS 2008 Express VB

    Kind Regards

    David
  2. Tsvetie
    Admin
    Tsvetie avatar
    1517 posts

    Posted 05 Sep 2007 Link to this post

    Hi hkdave95,
    I am not sure I understand the problem you experience completely. Do you mean that when you try to expand or dock the RadSlidingPane it is 22px wide?

    Regarding the Height of the RadSlidingPane - which label are you referring to, when you say that the pane takes the Height of the label?

    Greetings,
    Tsvetie
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. hkdave95
    hkdave95 avatar
    245 posts
    Member since:
    Nov 2006

    Posted 05 Sep 2007 Link to this post

    Hi

    The sliding pane slides out the full 350px but the text of the pane is only being displayed in a tiny block in the top left hand corner of the sliding pane.

    The label I refer to is the "Title" of the sliding pane. The amount of text displaying in the sliding pane is only the same size as the label for the sliding pane.

    Hope this helps a bit more.

    Kind Regards

    David
  5. Tsvetie
    Admin
    Tsvetie avatar
    1517 posts

    Posted 06 Sep 2007 Link to this post

    Hi hkdave95,
    I already answered your questions in the support ticket. However, I will place the information here as well so that it is available to all interested:

    You have to set ResizeWithParentPane="false" for the RadSplitters that are inside RadSlidingPanes. One additional thing, you cannot have Locked=true for their RadPanes as their dimensions are set in percents. The Locked property is applicable in scenarios where you have RadPanes with Width/Height in PX.


    All the best,

    Tsvetie

    the Telerik team


    Instantly find answers to your questions at the new Telerik Support Center
Back to Top