Add search bar to left navigation panel

This forum is for all Flare issues related to styles, stylesheets and XML.

Add search bar to left navigation panel

Postby joshua_cline on Tue Oct 08, 2019 6:11 am

Hi! Has anyone had success adding the search bar into the left navigation panel? I've had success adding it by using the following script and css:

<script type="text/javascript">
$(document).ready(function(){
$('form.search').appendTo('div.sidenav-container');
});
</script>

form.search
{
padding: 2rem 1.25rem 0 1.25rem;
position: absolute;
width: 12.5%;
top: 3.75rem;
}

However, using the absolute property doesn't allow the search bar to "stick" to the top of the nav panel on scrolling. Is there anyway to inject 'form.search' into the left nav panel without doing this?

Thank you
joshua_cline
Propeller Head
 
Posts: 35
Joined: Mon Jun 25, 2018 8:45 am

Re: Add search bar to left navigation panel

Postby Dave Lee on Tue Oct 08, 2019 11:49 pm

Sticky elements work by using position: fixed; - so try that.
Dave Lee
Master Propellus Maximus
 
Posts: 5790
Joined: Mon Mar 05, 2007 8:33 am
Location: UK

Re: Add search bar to left navigation panel

Postby Beaver on Tue Oct 15, 2019 5:30 am

Thanks, a good idea
- this question was also in the Madcap group on linked in (1 mnd ago)
Where is the best location/place to put/set this script?
.htm file or skin ?
Beaver
Propeller Head
 
Posts: 38
Joined: Fri Mar 10, 2017 4:09 am


Return to Styles, Stylesheets and XML

Who is online

Users browsing this forum: No registered users and 4 guests