I know this is more of a web page design question, but since I'm doing this all with Infragistics controls I'm posting it here.
I want my UltraWebToolbar to stay fixed at the top of the page and not scroll with the rest of the page. My page has the Toolbar on top, followed by an UltraWebListbar which has UltraWebTree's in the groups. As I expand the Listbar and Trees and then scroll, I want the Toolbar to stay on top of the page.
I've seen various blogs that say I can just put a setting (Position: fixed) in my CSS, but that is not working.
Suggestions?
Hello,
You can use the style of body tag and set margin =0px and padding = 0px. Please take a look at the code below:
ASPX:
<body style="margin: 0px; padding: 0px"> <form id="form1" runat="server"> <igtbar:UltraWebToolbar ID="UltraWebToolbar1" Width="100%" runat="server"> </igtbar:UltraWebToolbar>
Hope this helps.
Ivan,
While that places the Toolbar at the top of the page, as the page scrolls vertically the Toolbar scrolls off the top. I tried (with IE7) the Fixed style, but then the Toolbar overlayed other controls on top of the page so that they no longer appeared.
I want the Toolbar to remain on top of the screen however scrolling occurs and to not overlay other controls.
...Steve
Please take a look at the picture below:I use only body style:<body style="margin: 0px; padding: 0px">