Hello,
I want to use the Border layout and want it to work like this - Header is a fixed size, footer is a fixed size and whatever is left in height should be the center section, either filling the screen or scrolling if the section is too small. This seems like the obvious way to use this control, but I don't see how to do this.
Can you help?
Thanks.
Hello C J,
Thank you for posting in our forum.
I noticed that you have another thread in this forum regarding same issue available at:
http://ko.infragistics.com/community/forums/p/94849/468844.aspx#468844
Since our policy is to handle single thread per issue I will continue assisting you via the other thread which I have already updated.
Please let me know if you need any additional information.
Thank you for the reply but these are 2 separate issues. One is that an expanding menu in the LEFT section is chopped off at the border of the CENTER section. The other issue is that the CENTER section is not flexible in its height the way I would expect.
I'd still like to get an answer to my question. Using igLayoutManager I'd like the header always on top, the footer always on the bottom and whatever height is left in the browser window should be the center section, scrolling if necessary. It should work the same way as it does horizontally, where the CENTER takes up whatever is left after carving out the LEFT and RIGHT sections.
Thank you for the detailed explanation of your requirements.
Our igLayoutManager is highly customizable and in order to fix the header and footer you will need to apply additional css in your style definitions.
Simple layoutManager - http://jsfiddle.net/9gpbu1v5/show/
Helpful references:
http://jsfiddle.net/7S4Xx/
http://www.codingbyte.com/how-to-create-a-fixed-header-and-footer-layout-in-html/
http://jsfiddle.net/wQ2XR/235/