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
Add search bar to left navigation panel
-
- Propeller Head
- Posts: 35
- Joined: Mon Jun 25, 2018 8:45 am
Re: Add search bar to left navigation panel
Sticky elements work by using position: fixed; - so try that.
Re: Add search bar to left navigation panel
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 ?
- 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 ?