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
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.
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?
Thanks so much.I took out the "<style>" tag in my css file, and now it's expanding.
Do you have the <style> tags in your mystyle.css file? This could be the problem.
I'm using Internet Explorer 7, and ASP.NET VB.
Here's the style sheet file contains:
<style>html, body, form, .tallElement { height:100%;}</style>
Here's my asp.net design page:
<%@ Register Assembly="Infragistics2.Web.v8.2, Version=8.2.20082.1000, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" Namespace="Infragistics.Web.UI.LayoutControls" TagPrefix="ig" %>
<body > <form id="form1" runat="server" > <asp:ScriptManager ID="ScriptManager1" runat="server" /> <ig:WebSplitter ID="WebSplitter1" Height="100%" CssClass="tallElement" runat="server"> <panes> <ig:SplitterPane runat="server" > <Template> left </Template> </ig:SplitterPane> <ig:SplitterPane runat="server" > <Template> right </Template> </ig:SplitterPane> </panes> </ig:WebSplitter>
</form> </body> </html>