Add search bar to left navigation panel

[joshua_cline]

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

[NorthEast]

Sticky elements work by using position: fixed; - so try that.

[Beaver]

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 ?