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>
There is no built-in functionality allowing for this, but you could try setting position: fixed and z-index: 10 for the header div element. This should do the work.
Let me know if this helps.
Hello,
I'm just checking if you have any further questions on the matter.
Nope, you answered my question. Thank you.