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

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

3 Answers 141 Views
Splitter
This is a migrated thread and some comments may be shown as answers.
hkdave95
Top achievements
Rank 2
hkdave95 asked on 02 Sep 2007, 04:36 PM
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

3 Answers, 1 is accepted

Sort by
0
Tsvetie
Telerik team
answered on 05 Sep 2007, 02:48 PM
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
0
hkdave95
Top achievements
Rank 2
answered on 05 Sep 2007, 04:11 PM
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
0
Tsvetie
Telerik team
answered on 06 Sep 2007, 10:42 AM
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
Tags
Splitter
Asked by
hkdave95
Top achievements
Rank 2
Answers by
Tsvetie
Telerik team
hkdave95
Top achievements
Rank 2
Share this question
or