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
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
Ive tried using your code on my websplitter but it does not seem to work. I have a websplitter and in it are two other infragistics controls, being the webtree and the webtab! The width is adjusting well to the browser but the height is not,in such a way that the height of the websplitter allows me to view the tabs of the webtab but not the rest of the the webtab. How do I go about fixing this?
I tried your code, but it didn't expand. I think it probably needs some javascript to expand it equal to the height and width of the browser.I need some suggestions.
Thanks