+1-888-365-2779
Try Now
More in this section

Forums / Designing with Sitefinity / Expand Vertically

Expand Vertically

2 posts, 0 answered
  1. Levi Burton
    Levi Burton avatar
    1 posts
    Registered:
    01 Jul 2009
    02 Jul 2009
    Link to this post
    I need to expand some controls vertically to take up the entire browser window dynamically. 

    Here is a link to what I would like to do.  I drew arrows in the direction I would like the controls to expand.

    Here is my current layout code

    <%@ Control Language="C#" AutoEventWireup="true" CodeFile="DashboardControl.ascx.cs" 
        Inherits="DashboardControl" %> 
    <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %> 
    <asp:ScriptManager ID="ScriptManager" runat="server"
    </asp:ScriptManager> 
    <style type="text/css"
        #header-panel 
        { 
        } 
        #selected-city 
        { 
            background: #000; 
            color: #FFF; 
            font-size: 20pt; 
            font-weight: bold; 
            padding: 10px; 
        } 
        .navigation-pane 
        { 
            padding: 10px; 
        } 
    </style> 
    <div id="header-panel"
        <telerik:RadToolBar Width="100%" ID="RadToolBar1" runat="server" Skin="Vista"
            <Items> 
                <telerik:RadToolBarButton runat="server" Text="Settings"
                </telerik:RadToolBarButton> 
                <telerik:RadToolBarButton runat="server" Text="Sign-Out"
                </telerik:RadToolBarButton> 
            </Items> 
        </telerik:RadToolBar> 
        <div id="selected-city"
            <asp:Label ID="SelectedCityLabel" runat="server"
            </asp:Label> 
        </div> 
    </div> 
    <div> 
        <telerik:RadSplitter ID="RadSplitter1" runat="server" Height="350" Width="100%" Skin="Vista" 
            ResizeMode="EndPane"
            <telerik:RadPane ID="Radpane1" runat="server" Width="22" Scrolling="None" MinWidth="22"
                <telerik:RadSlidingZone ID="SlidingZone1" runat="server" Width="22" ClickToOpen="true"
                    <telerik:RadSlidingPane ID="Navigation" Title="Navigation" runat="server" Width="190"
                        <div class='navigation-pane'
                            <strong>Select a City</strong><br /> 
                            <telerik:RadComboBox ID="CitySelectComboBox" runat="server" AutoPostBack="true" OnSelectedIndexChanged="CitySelectComboBox_SelectedIndexChanged"
                            </telerik:RadComboBox> 
                        </div> 
                    </telerik:RadSlidingPane> 
                </telerik:RadSlidingZone> 
            </telerik:RadPane> 
            <telerik:RadSplitBar ID="RadSplitbar1" runat="server" CollapseMode="Forward"></telerik:RadSplitBar> 
            <telerik:RadPane ID="RadPane2" runat="server" Scrolling="none" Width="100%" Locked="False"
                <telerik:RadScheduler Height="700" runat="server" ID="RadScheduler1" SelectedView="WeekView" 
                    TimeZoneOffset="03:00:00" StartEditingInAdvancedForm="false" OnNavigationComplete="RadScheduler1_NavigationComplete" 
                    RowHeight="20px" ShowFooter="False" ShowFullTime="True"
                    <WebServiceSettings Path="~/WebService/SchedulerWebService.asmx" ResourcePopulationMode="ServerSide" /> 
                </telerik:RadScheduler> 
                - 
            </telerik:RadPane> 
        </telerik:RadSplitter> 
    </div> 
     

    It would appear I need to do something with Radsplitter1, but I'm not sure and I can't seem to get it right.  Any help would be much appreciated!

  2. Georgi
    Georgi avatar
    3583 posts
    Registered:
    28 Oct 2016
    07 Jul 2009
    Link to this post
    Hello Levi Burton,

    Can you please try to set the height attributes of the RadSplitter and RadScheduler controls to 100%?
    Let me know about the results.

    Best wishes,
    Georgi
    the Telerik team

    Instantly find answers to your questions on the new Telerik Support Portal.
    Check out the tips for optimizing your support resource searches.
2 posts, 0 answered