Display Options Above Threads - as seen on vbulletin.org

[kira]

This template mod will streamline and relocate the "Display Options" dropdown menus to the top of your threads list on forumdisplay, as seen here at vbulletn.org in the modification areas.

As part of this move, we'll also change the look of the "Active Users"/Moderators panel remaining at the bottom of the page. (Screenshots of both sections are below.)

This modification should work on vB versions 3.6.5 - 3.6.7 PL 1. :)

Important: There are two different versions of the instructions: one for a default setup, and one for people using the excellent Thread Prefixes (https://vborg.vbsupport.ru/showthread.php?t=123033) mod by Mystics. Please make sure you choose the correct version for your setup!

(Of course, if you've installed or applied other mods that have altered the forumdisplay template, you may need to adjust the instructions accordingly.)

Update on May 10, 2008: I'm happy to say that the 3.7.0 version of this mod is now available! (https://vborg.vbsupport.ru/showthread.php?t=178787) Note that there's now only one set of instructions in 3.7.0, since Mystics prefix mod no longer applies. If his mod is ever updated, however, I'll be happy to include a new batch of instructions. Especially 'cause I prefer his prefixes to vB's! :)

Update on July 27, 2007: New version fixes issue with AJAX inline editing thread titles. If you've already installed the older version, please use these instructions (https://vborg.vbsupport.ru/showpost.php?p=1303260&postcount=13) to correct the problem. Thanks to Skavenger for the heads-up.

Live Demo: Working Demo at My Site. (http://www.epiguide.com/forums/forumdisplay.php?f=116) (This will show you the Display Options section; I don't use the "Active Users" part of the mod.)

This is my first template modification release, and I hope it's helpful. Many thanks to vbulletin.org for the inspiration, not to mention years of providing an amazingly helpful community.

[Stromba]

thank you :up:

[dbirosel]

Kira is the best! I asked many times everywhere and she was the one that actually helped! Thank you so much Kira for being so helpful.


Here is my example: http://www.caraudiojunkyard.com/forum/car-audio-junkyard/


-Dante

[kira]

Thanks, guys! Dante, it looks great, and I'm very glad it worked for you.

[Kaleem]

I was thinking yesterday to request this. Great Work :)

[ymy]

thank you, Nice job

Ymy

[kira]

Thanks and you're welcome! If anyone has any problems with the instructions, or if the code doesn't work with your setup of vB, please let me know. I've never released anything (aside from a tiny code fix many years ago) and I wasn't certain if the directions were clear enough.

[NFLfbJunkie]

This is a much neater look and presentation search threads feature. How can I make the thicker line below the drop down menus the same size as the line oabove the menus?

[kira]

Hi Junkie! That table uses the tborder class, as do the tables surrounding it. This does create a double-thickness line where the tables meet.

Here's a fix for you.

1. In your admin cp choose Style Manager and in your desired style select All Style Options and click the "Go" button.

2. Scroll down to the Additional CSS Definitions section. In the second textbox, add the following:

.displayoptions {
border-left: 1px solid #0B198C;
border-right: 1px solid #0B198C;
background-color: #D1D1E1; }

Save the CSS.

3. Now click Edit Templates and go to your FORUMDISPLAY template.

SEARCH FOR:

<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="thead"><phrase 1="$limitlower" 2="$limitupper" 3="$totalthreads">$vbphrase[showing_threads_x_to_y_of_z]</phrase></td>

CHANGE TO:

<table class="displayoptions" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="thead"><phrase 1="$limitlower" 2="$limitupper" 3="$totalthreads">$vbphrase[showing_threads_x_to_y_of_z]</phrase></td>

(Note that the only change we're making here is changing the table class to the new displayoptions class created in step #2.)

4. Save the FORUMDISPLAY template.

This should remove the top and bottom borders for you. I've attached a screenshot of what this will look like on a default setup. Hope this helps! :)

[NFLfbJunkie]

Kira, thank you so much for this. See as how you're familiar with the Thread Prefix MOD, could you take a look at a post (https://vborg.vbsupport.ru/showpost.php?p=1300800&postcount=303) I made regarding a fix for this modification?

[kira]

You're welcome, Junkie. :) I'm no prefix expert but I've given that a try over there.

[Skavenger]

after installing the mod I can't edit the threads using the ajax feature [with double click]

[kira]

Ouch, you're right! Stupid mistake on my part, and after posting this will update the instructions accordingly. Luckily it's an easy fix if you've already made the above template changes. The problem was that there's a duplicate table ID of "threadslist."

Simply open up FORUMDISPLAY and FIND:

<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center" id="threadslist">
<tbody>
$announcebits

REPLACE WITH:

<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tbody>
$announcebits

Save and that's it. :) Basically all we're doing is removing the id="threadslist" from that section.

My apologies for the error and inconvenience! Many thanks to Skavenger for pointing this out.

[Skavenger]

thank you for the fix!

[hissatsu]

Hello Kira, does this mod generate prefixes? or unless you have the thread prefix hack you wont get a prefix section when the Display Options is moved above a forum's threads?

[kira]

Hi hissatsu! You do need the prefix hack installed in order to use the version specifically for thread prefixes. See the intro here:

Important: There are two different versions of the instructions: one for a default setup, and one for people using the excellent Thread Prefixes mod by Mystics. Please make sure you choose the correct version for your setup!

If you don't use the Thread Prefix mod, you should use the file called displayoptions to top.txt . If you do have the Thread Prefix mod, use the file called displayoptions to top_prefix.txt.

The version without the prefix mod looks pretty much the same, it just won't have the prefix dropdown.

Does this make sense? Hope it helps! :)

[hissatsu]

yeah it does help. unfortunately i installed the prefix hack and started experiencing errors on my new forum (using vb 3.67 PL1). And i am not finding anyone who knows coding to help me edit stuff to make the thread prefix work (it is one Hack my Forum definately needs)

I havent received any replies (probably because the prefix hack isnt supported anymore). Will u be able to help? (ie getting thread prefix to work then adding ur mod afterwards)

Pretty Pleeese!!!!

[kira]

I havent received any replies (probably because the prefix hack isnt supported anymore). Will u be able to help? (ie getting thread prefix to work then adding ur mod afterwards

Where did you ask for help? I don't see any previous posts by you regarding the thread prefix mod. I'll try but you should really ask in the Thread Prefix mod's thread itself, maybe others can help too.

[Quantnet]

can you post your button css class ?

thanks

[kira]

Sure. It uses a background image, though, which I've attached.

background-color: #DF501F;
background-image: url(images/misc/bg_button.gif);
background-repeat: repeat-x;
border-width: 2px;
border-style: solid;
border-color: #DF501F;
color: #FFFFFF;
font-weight: bold;

[hissatsu]

it is alright now - one coder came to fix it for me.

It works now. So i will try using your hack to display the prefixes on top of my pages. Will let you know what happens. Definately click install if it works.

Edit:
wow-- kira ur site is beautiful. How did you set that up? damn -- i really need to learn how to code, these things may become easier to understand.

[kira]

Wow, thanks so much, hissatsu! I did the graphic designing and template modding myself, but the code modifications can all be found right here (there's some custom work, but not very much). This site's taught me so much. This month we're even up for vB.com's Board of the Month (http://www.vbulletin.com/forum/showthread.php?t=238542) contest along with four other very nice sites. You should check them all out for inspiration -- it's a great way to learn.

Anyway, I hope you have luck installing the template changes. It's pretty simple! If you need any help let me know.

[Quantnet]

Sure. It uses a background image, though, which I've attached.

background-color: #DF501F;
background-image: url(images/misc/bg_button.gif);
background-repeat: repeat-x;
border-width: 2px;
border-style: solid;
border-color: #DF501F;
color: #FFFFFF;
font-weight: bold;

Kira,

I meant to ask for the css button class of vb.org default, not the one you use (nice). Mine come out flat square. Not like the one in your demo pic or the one here which has rounded corners
sorry about it

[kira]

I meant to ask for the css button class of vb.org default, not the one you use (nice). Mine come out flat square. Not like the one in your demo pic or the one here which has rounded corners

Oh, I feel dumb. Okay, well the form buttons here and at vbulletin.com are identical, so this is part of the default vBulletin style. If you look at the default style you'll see there's nothing in the button class that affects the edges or border - just the font. (BTW, if you've customized your style, you can recreate the default by going to your Style Manager and adding a new style -- just make sure it has no parent style.)

A look at the quantnet.org style shows that your css for the buttons is:

background: #ffffff;
color: #000000;
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
border: 1px solid #6b82ac;
margin-left: 0px;

Remove the border and margin attributes from the "extra CSS attributes" box and you should get back to the original rounded shape. :)

[Quantnet]

thanks Kira.
I had to revert the button css

[PeteBlume]

Here you can use the TMS-XML for Template Modification System.

It's my first try with this system. I hope that everyting is ok.

[kira]

Hi PeteBlume! Thanks for the addition. Can you explain what this does? I'm afraid I'm not very familiar with the TMS.

[Symmetrical?]

thnx ..:)

[gobears20]

I was curious if I wanted to display this only for certain user groups?

Would I put something like this below and if so, where?

Thanks!

<if condition="$bbuserinfo['usergroupid'] < 10">


</if>

[kira]

Hi gobears20. Short answer: yes, that code will work if you want to hide the filtering options part of the forumdisplay. You would place the first line right after:

<!-- Modified Display Options -->

and the final "/if" statement would go right before:

<!-- End Modified Display Options -->

HOWEVER. The problem is that if you want to use the original filtering options as an alternative, things are gonna get a little complex, because this means you'll need both the original code and the changed template stuff we added in this modification, either showing or hiding each depending on the different usergroups with conditionals.

I can try to figure it out for you if you really need this to work that way. I'd need to know what specific usergroups you want to allow access to the new version, and which ones will have the original version. (Oh and also whether you're using the prefix or nonprefix version.)

Out of curiosity, why would you only want certain usergroups to have this capability? It's not that nifty, except looks-wise. :)

[Neo_obs]

It would be nice if you could only have it show it at the top if prefixes were used in that forum otherwise it shows it at the bottom. Would there be a way of doing this?

I really think this should be integrated into the thread prefix mod.

[yoyoyoyo]

excellent! thanks

[yoyoyoyo]

Here are the default setting edits in Template Modification System (TMS) XML format, for those that already have TMS installed.

[JohnBee]

Wonderful addon to a great hack!
Thanks for the quick ajax fix also .thumbsup.

[Todecay]

dude,

Just installed it and I have to say...REALLY REALLY GREAT mod m8!

Many tnx :)

[Bubble #5]

Does this work in 3.7.x?

Seems like a great hack to just let wither away on the vine...

[kira]

Hi there! I haven't installed 3.7 yet, but I will soon, I promise. So far I don't see any reason it shouldn't, but there have been enough changes to the code that I'm sure the instructions might need some major tweaking.

[Skavenger]

I'll be wainting for the update too, thanks again!

[aamirkhj]

Great Mod:up:

[furst]

I am really looking forward to a version for 3.7. Marked as installed and waiting for an update.

[stef1372]

At first, sorry for my english, i'm french... :p

So, i have a little problem with this great work.
Install >> Ok, very nice.

But, when i'm using it to display the slected thread, it's only given one result

You can see it in action >> click ! (http://www.critique-photo.com/forums/forumdisplay.php?s=&f=5&page=1&pp=20&threadprefix=&sort=lastpost&order=desc&daysprune=-1)

For example select "Urbain"
There is 11 response but only one is display...
Do i have made something bad ?

Thank's for help.

[arena]

Hi there! I haven't installed 3.7 yet, but I will soon, I promise. So far I don't see any reason it shouldn't, but there have been enough changes to the code that I'm sure the instructions might need some major tweaking.
Thank you for 3.7 hack but not working this template hack. Please for 3.7

[kira]

Hi all. I just wanted to update you guys and let you know that i"m working on a 3.7 version of this mod now, since I've finally installed a clean 3.7 on my test forum.

Anyway that's the status for now. I'll work on it this weekend and will hopefully have something up by Monday the 12th. Thanks very much for your patience!

[arena]

Thank you Kira:)

[Mike-D]

Here's the updated TMS (https://vborg.vbsupport.ru/showthread.php?t=152931) Code for vB 3.7 regarding "displayoptions_to_top.txt". Just updated and it works now :)

[kira]

Thanks Mike! But I'm afraid those aren't quite correct. Couple of problems:

1. They seem to have been based on the instructions I included for people without Mystics prefix mod. But vb 3.7.0 has prefix code built in now. If you look at your examples -- and I just tested this on my test installation to verify -- the prefix dropdown is missing.

2. They break the "inline thread title editing" feature. This happened to me too, originally, but I uploaded a fix for this. The problem relates to the "announcebits" portion of the instructions and accidentally duplicating the table id "threadslist." In my fix, I first delete the ID in the table code right above announcebits.

So you might want to withdraw that file for now until that stuff is fixed. But thank you for working on this so quickly!

I'll be adding a version probably sooner than expected this weekend. I do appreciate everyone's patience so far!

[kira]

Sorry to double-post, but the new version is here! If you have 3.7.0 installed, you can now use this version of the mod (https://vborg.vbsupport.ru/showthread.php?t=178787) to streamline your Display Options. I'll still support this version too, to the best of my abilities; heck I'm still using 3.6.7 on my own site! :)

Anyway thanks to all who've installed and commented. If you have any questions let me know.

[princeedward]

nice and thanks... ;)

[Arkham]

When I went to install this, I noticed that in my templates (latest vB version) there's an additional line that's not listed in your first deletion recommendation:

<input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />

So, I'm adding it where I think it belongs and giving it a shot. I'll report back. ;)

Thx! This is exactly the mod I'm looking for.

Edit: Works fine, except for the missing Prefixes dropdown. :( Must troubleshoot.
Edit 2: Oh wow, another version. Guess I'll have to try that one now. ;) Thx! Moving to next mod... (Thanks, Kira.)