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

XF 1.4 Moving "thread display options" to the top

Discussion in 'Styling and Customization Questions' started by dethfire, Dec 10, 2014.

  1. dethfire

    dethfire Well-Known Member

    I feel like having "thread display options" at the top of the thread list is better than at the bottom (ignored and forgotten). Is there an easy way to move it to the top? @Russ
     
  2. Brogan

    Brogan XenForo Moderator Staff Member

    You would have to edit the template and make some CSS changes.
     
  3. dethfire

    dethfire Well-Known Member

    That much I know :)
     
  4. Brogan

    Brogan XenForo Moderator Staff Member

    Well you asked if there was an easy way - that's the easy way.
     
  5. dethfire

    dethfire Well-Known Member

    I understand. Would it simply be a copy and paste transplant? How is the CSS involved?
     
  6. dethfire

    dethfire Well-Known Member

    There must be some JavaScript involved in order to reverse the drop down since the tab would be flipped
     
  7. rafass

    rafass Well-Known Member

    Hello @Brogan do you know exactly how to do that? I need exactly the same.
    imo, that options are very hidden, would be great have that in the top. some help will be really appreciated :coffee:
     
  8. Brogan

    Brogan XenForo Moderator Staff Member

    I did manage to do it as an experiment but it took a bit of fiddling.

    I didn't make a note of the edits so you would just have to start hacking the template and CSS.
     
  9. rafass

    rafass Well-Known Member

    Thanks for your quick reply, I'll try to do that now. could you please tell me the name of the template? :coffee:
     
  10. Brogan

    Brogan XenForo Moderator Staff Member

  11. rafass

    rafass Well-Known Member

    Great, I'll try to do that, if there are any lucky I'll share the solution in this thread.
    I hope so, anyway if someone else want to give a hand would be really appreciated :coffee:
     
  12. creativeforge

    creativeforge Active Member

    It's not perfect, but it's a start... may be a question of tweaking values a bit...

    Style Properties: Discussion List

    Find:
    OPTION PANEL FORM
    Change this:
    line-height: 20px;
    overflow: hidden;
    zoom: 1;

    To this:

    line-height: 20px;
    overflow: hidden;
    zoom: 1;
    position: absolute;
    top: 20px;

    Find:
    OPTION PANEL HANDLE

    Change this:
    position: absolute;
    bottom: -17px;
    line-height: 16px;
    text-align: center;
    right: 50%;
    white-space: nowrap;

    To this:

    position: absolute;
    top: 0px;
    line-height: 16px;
    text-align: center;
    right: 50%;
    white-space: nowrap;
     
  13. creativeforge

    creativeforge Active Member

    This opens the 'displays threads' form right above the handle.

    OPTION PANEL FORM:

    line-height: 20px;
    overflow: hidden;
    zoom: 1;
    position: absolute;
    top: -50px;

    I also styled 'Options Panel Handle Link' to draw attention to it...
     
    Last edited: Mar 23, 2015
  14. rafass

    rafass Well-Known Member

    Hey @creativeforge I lost your reply and this thread until now. Thank you, I'll try on my test forum soon.
    Meanwhile, I'll tag @DaveAllen
     
    creativeforge likes this.
  15. creativeforge

    creativeforge Active Member

    rafass, just checking if you were able to do this, actually?
     
  16. Steve F

    Steve F Well-Known Member

    rafass and 51463 like this.
  17. rafass

    rafass Well-Known Member

    creativeforge, yes, thanks.
    I'm now using the addon of Steve F and also works like a charm.
    Appreciate your help guys.
     
    creativeforge likes this.

Share This Page