I am wanting to have a fixed header at the top of my page. I can kind of do this with the layout manager using border mode. However, I have to set a height on my container to achieve this. Is there any way to do this without setting a height of the container? I do have the height of my header set.
Hi jbolan,
I'm not sure I understand exactly what is your setup. Can you please explain in more details or share some code?
Thanks.
I want to have a fixed header at the top of my page. When the user has to scroll down the content will go under my header. If I use the layout manager it scrolls my content, however if you resize your browser and scroll to the bottom the header will not be fixed anymore.
<div id="layout" style="width:100%; height: 100%; display:block;"> <div class="header">HEADER - some text here</div> <div class="center"> <!-- put a lot of text in here --> </div> </div>
<script> $.ig.loader( { scriptPath: '/Scripts/libs/infragistics/', cssPath: '/Content/', resources: "igLayoutManager", ready: function () {
$('#layout').igLayoutManager(
{ layoutMode: 'border', height: '1000px' } ); } }); </script>