Advertisement:

Author Topic: Tabbed Categories  (Read 90220 times)

Offline NanoSector

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 10,500
  • Gender: Male
  • VC321xb47@aperture:~#
    • Yoshi2889 on GitHub
Tabbed Categories
« on: June 16, 2013, 08:30:12 PM »
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.
« Last Edit: December 11, 2014, 10:19:13 AM by 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."

Offline Colin

  • SMF Friend
  • SMF Hero
  • *
  • Posts: 7,879
  • Gender: Male
  • SMF Developer
    • colinschoen on GitHub
Re: Tabbed Categories
« Reply #1 on: June 17, 2013, 05:28:11 AM »
Nice work Yosh.
"If everybody is thinking alike, then somebody is not thinking." - Gen. George S. Patton Jr.

Colin

Offline NanoSector

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 10,500
  • Gender: Male
  • VC321xb47@aperture:~#
    • Yoshi2889 on GitHub
Re: Tabbed Categories
« Reply #2 on: June 17, 2013, 06:01:02 AM »
Thanks Colin :)
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."

Offline 4Kstore

  • SMF Hero
  • ******
  • Posts: 4,320
  • Gender: Male
    • agustintari on Facebook
    • @agustintarifa on Twitter
    • SSIMPLE TEAM PAGE
Re: Tabbed Categories
« Reply #3 on: June 17, 2013, 10:19:18 AM »
Excelent mod man!! thanks for share
¡¡NEW MOD: Sparkles User Names!!!

Offline Scareface

  • Semi-Newbie
  • *
  • Posts: 63
  • Gender: Male
  • PEACE
Re: Tabbed Categories
« Reply #4 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.

Offline NanoSector

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 10,500
  • Gender: Male
  • VC321xb47@aperture:~#
    • Yoshi2889 on GitHub
Re: Tabbed Categories
« Reply #5 on: June 17, 2013, 11:42:12 AM »
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)
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."

Offline Burke ♞ Knight

  • SMF Hero
  • ******
  • Posts: 3,534
Re: Tabbed Categories
« Reply #6 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. :(

Offline NanoSector

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 10,500
  • Gender: Male
  • VC321xb47@aperture:~#
    • Yoshi2889 on GitHub
Re: Tabbed Categories
« Reply #7 on: June 17, 2013, 12:00:08 PM »
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."

Offline Burke ♞ Knight

  • SMF Hero
  • ******
  • Posts: 3,534
Re: Tabbed Categories
« Reply #8 on: June 17, 2013, 12:03:57 PM »
No problem.
Yoshi, I need a favor. May I PM you about your Mod Builder?

Offline NanoSector

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 10,500
  • Gender: Male
  • VC321xb47@aperture:~#
    • Yoshi2889 on GitHub
Re: Tabbed Categories
« Reply #9 on: June 17, 2013, 12:14:39 PM »
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."

Offline FrizzleFried

  • Drama-Monger
  • Sr. Member
  • ****
  • Posts: 757
Re: Tabbed Categories
« Reply #10 on: June 17, 2013, 01:38:47 PM »
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)....

Offline NanoSector

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 10,500
  • Gender: Male
  • VC321xb47@aperture:~#
    • Yoshi2889 on GitHub
Re: Tabbed Categories
« Reply #11 on: June 17, 2013, 02:17:04 PM »
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."

Offline N i g h t m a r e

  • Full Member
  • ***
  • Posts: 577
  • Gender: Male
  • Immortal
Re: Tabbed Categories
« Reply #12 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

Offline Burke ♞ Knight

  • SMF Hero
  • ******
  • Posts: 3,534
Re: Tabbed Categories
« Reply #13 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. :)

Offline Scareface

  • Semi-Newbie
  • *
  • Posts: 63
  • Gender: Male
  • PEACE
Re: Tabbed Categories
« Reply #14 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.

Offline Diego Andrés

  • Customizer
  • SMF Hero
  • *
  • Posts: 3,362
  • Gender: Male
    • DiegoSetroc on GitHub
    • @bihgetter on Twitter
    • SMF Tricks - Free & Premium Themes
Re: Tabbed Categories
« Reply #15 on: June 19, 2013, 12:15:17 PM »
Great work! Is very nice!

SMF Tricks - Free & Premium Responsive Themes for SMF.

Offline NanoSector

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 10,500
  • Gender: Male
  • VC321xb47@aperture:~#
    • Yoshi2889 on GitHub
Re: Tabbed Categories
« Reply #16 on: June 19, 2013, 02:02:35 PM »
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 :)
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."

Offline FireDitto

  • Full Member
  • ***
  • Posts: 617
  • Gender: Female
  • Shadow In The Flame
    • @SPWeyr on Twitter
    • Second Pass Weyr RPG
Re: Tabbed Categories
« Reply #17 on: June 21, 2013, 07:26:06 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
An AU Pernse RPG

SMF 2.0.6 with SP 2.3.5

Offline NanoSector

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 10,500
  • Gender: Male
  • VC321xb47@aperture:~#
    • Yoshi2889 on GitHub
Re: Tabbed Categories
« Reply #18 on: June 21, 2013, 08:16:09 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.

Quote
Edit: 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."

Offline DSystem

  • Jr. Member
  • **
  • Posts: 238
  • Gender: Male
  • EletronicaBR - Admin
    • eletronicaBR.com
Re: Tabbed Categories
« Reply #19 on: June 22, 2013, 09:42:23 PM »
Yoshi. Now I saw that published this MOD. This of congratulations.

The Forum members loved this mod.

http://eletronicabr.com