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?
biat:
I just tried what you described and was able to get it to work correctly (although I could have configured it a bit differently). May I suggest that you take you page and remove each of the controls and then add them back in one-by-one? This way you will know what causes it to break and then we can figure out what to do next.