This topic is locked
[SOLVED]

 Fixed 'All Fields Search' Horizontal Bar

11/26/2013 8:21:36 AM
PHPRunner General questions
P
p1nr author

I have embedded a PHPrunner project onto my website as an iFrame. I modified the search panel and moved it to the horizontal bar (the bar where the All Search Fields goes) at the top of the page. I was hoping to have that bar fixed on the top of the menu just like you see here: http://www.nigelbuckner.com/downloads/handouts/web/pos_explained/fixed.html .
Has anyone had any luck with this?

P
p1nr author 11/26/2013

UPDATE: I'm really close. I was able to fix the menu by adding position:fixed; to the following tag in the page_list style sheet: body.page-list21 .rnr-top.

The only issue now is that the menu now pops up over the list itself. Any idea which other tag to modify?

F
fantasmino 11/26/2013

I don't know if this can help you

For shure the Admin will give a better answer but for now maybe this help you a little.

I have the header and the horizontal menu with search in fix position

in header:

<TABLE

style="Z-INDEX: 1; POSITION: fixed; WIDTH: 100%; HEIGHT: 80px; PADDING-TOP: 0px; TOP: 0px; LEFT: 0px"

border=0 cellSpacing=0 borderColor=#c0c0c0 cellPadding=0 width="100%"

bgColor=#3b3b3b align=center>

<TBODY>



in visual editor templates - page.htm:

<div class="rnr-top {$blockclass_top}"style="position:fixed;z-index:1; padding-top:70px; width:1000px">



remeber the padding of the rest:

<div class="rnr-center {$blockclass_center}"style="padding-top:120px; padding-bottom:80px">
P
p1nr author 11/29/2013



I don't know if this can help you

For shure the Admin will give a better answer but for now maybe this help you a little.

I have the header and the horizontal menu with search in fix position

in header:

<TABLE

style="Z-INDEX: 1; POSITION: fixed; WIDTH: 100%; HEIGHT: 80px; PADDING-TOP: 0px; TOP: 0px; LEFT: 0px"

border=0 cellSpacing=0 borderColor=#c0c0c0 cellPadding=0 width="100%"

bgColor=#3b3b3b align=center>

<TBODY>



in visual editor templates - page.htm:

<div class="rnr-top {$blockclass_top}"style="position:fixed;z-index:1; padding-top:70px; width:1000px">



remeber the padding of the rest:

<div class="rnr-center {$blockclass_center}"style="padding-top:120px; padding-bottom:80px">



It looks like this is the way to go about doing that. You just have to play around with the source code to get your desired results. Thanks for the help!