1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Moving search field into tab

Discussion in 'Styling and Customization Questions' started by Dion Sune Jensen, Mar 12, 2013.

  1. Dion Sune Jensen

    Dion Sune Jensen Active Member

    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.
  2. Brogan

    Brogan XenForo Moderator Staff Member

  3. Dion Sune Jensen

    Dion Sune Jensen Active Member

    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)
  4. Dion Sune Jensen

    Dion Sune Jensen Active Member

    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
  5. Dion Sune Jensen

    Dion Sune Jensen Active Member

    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?
  6. Dion Sune Jensen

    Dion Sune Jensen Active Member

    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 and Jake Bunce like this.
  7. Andrej

    Andrej Well-Known Member

    Looking forward to it! :) Quite a neat modification..
  8. Dion Sune Jensen

    Dion Sune Jensen Active Member

Share This Page