Tabbed Categories

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

[Colin]

Nice work Yosh.

[NanoSector]

Thanks Colin

[4Kstore]

Excelent mod man!! thanks for share

[Scareface]

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

[NanoSector]

Thanks 4Kstore!

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)

[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]

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!

[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

[FrizzleFried]

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

[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]

http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css

Where is it located in this mod ? I wanna customize it.

[Diego Andrés]

Great work! Is very nice!

[NanoSector]

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.

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.

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

[FireDitto]

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

[NanoSector]

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.

Edit: Is it possible to centre the tabs? That would be great too

Of course. If you'd poke me a bit later, I'll write up some code for you

[DSystem]

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

The Forum members loved this mod.

http://eletronicabr.com