XF 1.4 Moving "thread display options" to the top

[dethfire]

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

 

[Paul B]

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

 

[dethfire]

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

That much I know

 

[Paul B]

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

 

[dethfire]

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

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

 

[dethfire]

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

 

[rafass]

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

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

 

[Paul B]

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.

 

[rafass]

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

 

[Paul B]

Item 3 of the FAQ here explains how to find that: https://xenforo.com/community/threads/frequently-asked-questions.5183/#post-181112

 

[rafass]

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

 

[creativeforge]

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;

 

[creativeforge]

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

 

[rafass]

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]

rafass, just checking if you were able to do this, actually?

 

[Steve F]

May interest you guys

Thread Display Options - PixelExit.com

 

[rafass]

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