Moving search field into tab

[Dion Sune Jensen]

I want to move the "box" that is usually shown when you click in the search field, to be a tab similar to how you have the visitor tab with all the account stuff.
Just to clarify, it's this search "box" I want to be in it's own tab named "Search" that shows the content of the box when mouse-over, or if clicked sends you to the search page.


I've been trying to achieve this myself over the last few days, but can't for the life of me get it to work.

I would be greatful for anyone willing to help.

 

[Paul B]

See this thread: http://xenforo.com/community/threads/how-to-add-a-new-tab-in-the-navbar.7781/

 

[Dion Sune Jensen]

See this thread: http://xenforo.com/community/threads/how-to-add-a-new-tab-in-the-navbar.7781/

Thanks, but I have no problem at all creating a new tab, the problem is that I can't get the search box to work or appear correctly in the tab (when the search field is moved to the tab it still keeps the click-to-show-box functionality, but the box is horribly out of place, but I don't even want the box to be hidden)

 

[Dion Sune Jensen]

You can see how far I've gotten at http://www.arduard.com/ I'm guessing it's an issue with how the search "box" is styled, though I'm still trying to figure everything out on what to change in the styling to make it work without ruining the functionality of the box

I guess what I need is help with the fixing of the styling, I'm not the best at that

 

[Dion Sune Jensen]

Gotten some success so far:

I had to remove the common search menu from the form because it was the one messing up the whole dropdown (not a big loss in my honest opinion)
However, I can't figure out how to disable that it hides the form fields below the main search field if you click outside it, see example below:

That is what happens when you click on the border in the popup to make the search field loose focus, I'm guessing it's javascript, but I'm a bit weary to mess with the javascript unless I know what I'm doing (and I don't).

So, anyone who can tell me how to disable that hide function of the quicksearch fieldset?

 

[Dion Sune Jensen]

Got it working now, a friend helped me find the correct javascript to disable.
I'll write up a template modification tutorial on this, as maybe others can benefit from having the search in a tab

 

[Andrej]

Got it working now, a friend helped me find the correct javascript to disable.
I'll write up a template modification tutorial on this, as maybe others can benefit from having the search in a tab

Looking forward to it! Quite a neat modification..

 

[Dion Sune Jensen]

Made the resource, filed it under template modifications, even though it does require you to edit js code, the majority however is still just template edits.
http://xenforo.com/community/resources/adding-search-tab.1527/