News:

Bored?  Looking to kill some time?  Want to chat with other SMF users?  Join us in IRC chat or Discord

Main Menu

Tabbed Categories

Started by NanoSector, June 16, 2013, 08:30:12 PM

Previous topic - Next topic

NanoSector

Link to Mod

Tabbed Categories
If you need to report a bug, please do so on GitHub!

This mod changes the way that categories appear on your forum by putting them as tabs.
There are no settings for this mod.

How to install:
The Package Manager should work in most cases.

Note regarding theme compatibility
Some users have reported that the package fails to install for them on certain themes.
You can either parse the mod (go to the download page and click "Parse" underneath the package name) and apply the changes yourself, this is the method to try first (there may be a very small bit different from default which causes the failure).
Or you can attach your Themes/{insert theme name}/BoardIndex.template.php file in this topic and we will try to apply the changes for you.

Languages:
This mod does not use languages.

Features:
- Shows categories as tabs
- Keeps original board layout
- This mod tries to be compatible with other mods as much as possible
- This mod removes the capability to hide categories.

Changelog:
v0.1.3:
! Fix a bug where jQuery conflicts would occur (thanks ahrasis!)
- Update jQuery: 1.10.1 > 1.11.1

v0.1.2:
+ Add a message for users who have JavaScript disabled.

v0.1.1:
! Improvements

v0.1:
- Initial release

License:
This mod is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported license.

This mod uses...
- jQuery
- jQuery UI
Each with their respective license.
My Mods / Mod Builder - A tool to easily create mods / Blog
"I've heard from a reliable source that the Answer is 42. But, still no word on what the question is."

Colin

"If everybody is thinking alike, then somebody is not thinking." - Gen. George S. Patton Jr.

Colin

NanoSector

My Mods / Mod Builder - A tool to easily create mods / Blog
"I've heard from a reliable source that the Answer is 42. But, still no word on what the question is."

4Kstore

Excelent mod man!! thanks for share

¡¡NEW MOD: Sparkles User Names!!!

Scareface

Great finally a mod. May be more options like sorting order of tabs, custom styling will be awesome.

NanoSector

Thanks 4Kstore! :)

Quote from: Scareface on June 17, 2013, 10:20:44 AM
Great finally a mod. May be more options like sorting order of tabs, custom styling will be awesome.
Thanks Scareface, I'll note them down :)

Sorting of the categories can already be done from within the Admin panel. Though if you mean sorting per user, that shouldn't be all too hard (one-line change and an action call through AJAX: http://jqueryui.com/tabs/#sortable <-- note to self)
My Mods / Mod Builder - A tool to easily create mods / Blog
"I've heard from a reliable source that the Answer is 42. But, still no word on what the question is."

Burke ♞ Knight

I tried installing this neat mod, and when went to look at the board index, got a template parse error, and had to uninstall it. :(

NanoSector

Quote from: BurkeKnight on June 17, 2013, 11:57:41 AM
I tried installing this neat mod, and when went to look at the board index, got a template parse error, and had to uninstall it. :(
Woops, I'm now aware of this, and will roll out a fix in the next few minutes!

Sorry and thanks for pointing me at it!
My Mods / Mod Builder - A tool to easily create mods / Blog
"I've heard from a reliable source that the Answer is 42. But, still no word on what the question is."

Burke ♞ Knight

No problem.
Yoshi, I need a favor. May I PM you about your Mod Builder?

NanoSector

Updated the package. Same name, but the bug fixed :)

BurkeKnight, go ahead :)
My Mods / Mod Builder - A tool to easily create mods / Blog
"I've heard from a reliable source that the Answer is 42. But, still no word on what the question is."

FrizzleFried

Quote from: BurkeKnight on June 17, 2013, 11:57:41 AM
I tried installing this neat mod, and when went to look at the board index, got a template parse error, and had to uninstall it. :(

If this means you got a white screen... same here.

EDIT: Parse error corrected with latest uploaded version (of same name it appears)....

NanoSector

Sorry for the inconvenience, I should've tested the thing before pushing it... :)
* Yoshi learned a lesson: never assume code to work, test it beforehand
My Mods / Mod Builder - A tool to easily create mods / Blog
"I've heard from a reliable source that the Answer is 42. But, still no word on what the question is."

N i g h t m a r e

Suggestions:


       
  • Create a box for the admins to edit the style of the code using something like, html/java or whatever.
  • Add a tool that lets you edit the order

Burke ♞ Knight

Yoshi,

Might want to check this mod with dark themes.
I'm using Blued DarkCurve and if use this mod, it does not look so great.

As can see, the css is a bit messed up when using. As a friend, figured I'd bring this to your attention. :)

Scareface


Diego Andrés

Great work! Is very nice!

SMF Tricks - Free & Premium Responsive Themes for SMF.

NanoSector

Quote from: Scareface on June 19, 2013, 11:33:21 AM
http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css

Where is it located in this mod ? I wanna customize it.
I grab it from a CDN to keep the mod small. You can override the CSS with JS or CSS, take a look at the classes.

Quote from: BurkeKnight on June 19, 2013, 09:10:58 AM
Yoshi,

Might want to check this mod with dark themes.
I'm using Blued DarkCurve and if use this mod, it does not look so great.

As can see, the css is a bit messed up when using. As a friend, figured I'd bring this to your attention. :)

Thanks for mentioning, do you have a link to your site?

While I can't guarantee that it works correctly with all themes, I can provide custom fixes.

Quote from: ♦PulsiveForums♦ on June 18, 2013, 05:26:03 PM
Suggestions:


       
  • Create a box for the admins to edit the style of the code using something like, html/java or whatever.
  • Add a tool that lets you edit the order
Thanks for your suggestions, those are definitely on my to do list for this mod :)
My Mods / Mod Builder - A tool to easily create mods / Blog
"I've heard from a reliable source that the Answer is 42. But, still no word on what the question is."

FireDitto

Quote from: Yoshi on June 19, 2013, 02:02:35 PM
Quote from: Scareface on June 19, 2013, 11:33:21 AM
http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css

Where is it located in this mod ? I wanna customize it.
I grab it from a CDN to keep the mod small. You can override the CSS with JS or CSS, take a look at the classes.

How would I go a bout this? I am not very code savvy. I would like to override it with CSS on a per-theme basis.

Thank you!


Edit: Is it possible to centre the tabs? That would be great too :D
Second Pass Weyr<br />An AU Pernse RPG<br /><br />SMF 2.0.6 with SP 2.3.5

NanoSector

Quote from: FireDitto on June 21, 2013, 07:26:06 AM
Quote from: Yoshi on June 19, 2013, 02:02:35 PM
Quote from: Scareface on June 19, 2013, 11:33:21 AM
http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css

Where is it located in this mod ? I wanna customize it.
I grab it from a CDN to keep the mod small. You can override the CSS with JS or CSS, take a look at the classes.

How would I go a bout this? I am not very code savvy. I would like to override it with CSS on a per-theme basis.
In your browser, when you right-click the item you want to style, select "Inspect element".
From there, on the highlighted line, look for class="(something)"

In your index.css you can add .(something), replacing (something) with the class name, with the CSS you want to override the element with.

QuoteEdit: Is it possible to centre the tabs? That would be great too :D
Of course. If you'd poke me a bit later, I'll write up some code for you :)
My Mods / Mod Builder - A tool to easily create mods / Blog
"I've heard from a reliable source that the Answer is 42. But, still no word on what the question is."

DSystem

Yoshi. Now I saw that published this MOD. This of congratulations.

The Forum members loved this mod.

http://eletronicabr.com

Advertisement: