Forums Ultimate UI for ASP.NET Web Forms
Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
Close
Robert
95
How to make the WebSplitter's height and width equal to Web browser just like MSDN page?
posted

I am using WebSplitter control as my page layout. On the left side is Navigation links, and the right side is content page.
However, I don't know how to make the WebSplitter's height and width always equal to the Web Brower just like Microsoft MSDN Page.

How can I make the splitter look like this :

http://msdn.microsoft.com/en-us/library/aa545372.aspx

 

Parents
  • 746459
    posted

     swcs:

     The trick is that you have to tell the stylesheet to style the HTML, BODY and FORM elements in your page at 100%.

     Try this style:

    html, body, form, .tallElement
    {
        height:100%;
    }

      With this markup:

    <asp:ScriptManager runat="server" /> 
    <cc1:WebSplitter ID="WebSplitter1" Height="100%" CssClass="tallElement" runat="server">
        <panes>
            <cc1:SplitterPane runat="server">
                <Template>
                    left
                </Template>
            </cc1:SplitterPane>
            <cc1:SplitterPane runat="server">
                <Template>
                    right
                </Template>
            </cc1:SplitterPane>
        </panes>
    </cc1:WebSplitter>

    HTH,

    Craig

Reply Children