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>
Nope, you answered my question. Thank you.
Hello,
I'm just checking if you have any further questions on the matter.
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.