Advertisement:

Author Topic: Tabbed Categories  (Read 89948 times)

Offline NanoSector

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 10,499
  • Gender: Male
  • VC321xb47@aperture:~#
    • Yoshi2889 on GitHub
Re: Tabbed Categories
« Reply #80 on: September 12, 2013, 11:19:49 AM »
Do you guys have any mods installed which modify the board index? And did you get any errors upon install?
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 electricwildflower

  • Jr. Member
  • **
  • Posts: 223
  • Gender: Male
    • keepitrealkeepitgoth.com
Re: Tabbed Categories
« Reply #81 on: September 12, 2013, 11:31:23 AM »
Mine has seemed to start working fine now after i manually inserted all the code. Then i uploaded the mod and tried to uninstall which it worked fine then re installed using the mod and it came out fine. Although it does come out like the below screenshot on the blackstorm theme and looks fine on the default curve theme,


Offline NanoSector

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 10,499
  • Gender: Male
  • VC321xb47@aperture:~#
    • Yoshi2889 on GitHub
Re: Tabbed Categories
« Reply #82 on: September 13, 2013, 09:41:05 AM »
So, does it work or doesn't 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 electricwildflower

  • Jr. Member
  • **
  • Posts: 223
  • Gender: Male
    • keepitrealkeepitgoth.com
Re: Tabbed Categories
« Reply #83 on: September 15, 2013, 02:28:08 PM »
I might of worded that wrong sorry anyway it works fine but apart from the screen shot i added it looks out of place with the colours etc. Anyway for me to sort this out ?

Offline NIAB

  • Jr. Member
  • **
  • Posts: 135
  • Gender: Male
  • So yeah...
    • @GetWasded on Twitter
    • Wasded.com
Re: Tabbed Categories
« Reply #84 on: October 13, 2013, 09:19:59 PM »
Would it be possible to choose which categories are tabbed with an array?

Offline FooToo

  • Semi-Newbie
  • *
  • Posts: 25
Re: Tabbed Categories
« Reply #85 on: October 13, 2013, 11:30:44 PM »
Cant seem to get this to work, the edit works but it may be a javascript conflict issue?

Using Curve as a base for a theme fyi.

Any help is appreciated!

Offline kingkingston

  • Full Member
  • ***
  • Posts: 650
  • Gender: Male
    • @ozzysportsforum on Twitter
    • aussiesportsforum.com
Re: Tabbed Categories
« Reply #86 on: October 14, 2013, 02:50:00 AM »
Cant seem to get this to work, the edit works but it may be a javascript conflict issue?

Using Curve as a base for a theme fyi.

Any help is appreciated!
how many categories do you have on your forum ?

a link to your site might help as well

Offline FooToo

  • Semi-Newbie
  • *
  • Posts: 25
Re: Tabbed Categories
« Reply #87 on: October 14, 2013, 04:42:28 AM »
how many categories do you have on your forum ?

a link to your site might help as well

9 Categories

www.manncotrading.com is the site

Offline NanoSector

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 10,499
  • Gender: Male
  • VC321xb47@aperture:~#
    • Yoshi2889 on GitHub
Re: Tabbed Categories
« Reply #88 on: October 14, 2013, 04:49:57 AM »
Do you have the mod installed there? Looking at the source it doesn't seem so.
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 FooToo

  • Semi-Newbie
  • *
  • Posts: 25
Re: Tabbed Categories
« Reply #89 on: October 14, 2013, 01:28:17 PM »
not currently no.
I believe my board index is having some JavaScript jqeury conflict issues.

Offline luuuciano

  • SMF Hero
  • ******
  • Posts: 2,978
    • http://cbasites.net/
Re: Tabbed Categories
« Reply #90 on: October 24, 2013, 11:03:01 PM »
Here a little modification, to avoid conflicts


Code: [Select]
<script type="text/javascript">
//
jQuery.noConflict();
jQuery(document).ready(function ($)
{
$("#category_tabs").tabs();
$(".ui-tabs-panel").css("padding","0px");
$(".ui-widget-header").addClass("catbg").removeClass("ui-widget-header");
});
//]]]]>>
</script>';

BTW, there is no way to avoid the jump on each tab change? the page jumps to that category, because the # anchor... it looks bad... (it is like a little bump down, you have to go up each time...)

Or maybe I was missing something... and seeing it bad...?
No me agradan los foros que no te dejan borrar TU PROPIO usuario, como por ejemplo smfsimple.com.
E incluso te mandan emails no solicitados, de los cuales, quizá, no puedas escapar porque NO te dejan posibilidad a deshabilitarlos (a menos que NO te tengan en su lista negra).

Offline Dylert

  • Jr. Member
  • **
  • Posts: 247
  • Gender: Male
    • Hellasforum
Re: Tabbed Categories
« Reply #91 on: October 25, 2013, 07:01:41 PM »
Edited this a little bit to my style :P



How did you make this? Very nice! :)

Offline NanoSector

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 10,499
  • Gender: Male
  • VC321xb47@aperture:~#
    • Yoshi2889 on GitHub
Re: Tabbed Categories
« Reply #92 on: October 25, 2013, 08:27:19 PM »
Here a little modification, to avoid conflicts


Code: [Select]
<script type="text/javascript">
//
jQuery.noConflict();
jQuery(document).ready(function ($)
{
$("#category_tabs").tabs();
$(".ui-tabs-panel").css("padding","0px");
$(".ui-widget-header").addClass("catbg").removeClass("ui-widget-header");
});
//]]]]>>
</script>';

BTW, there is no way to avoid the jump on each tab change? the page jumps to that category, because the # anchor... it looks bad... (it is like a little bump down, you have to go up each time...)

Or maybe I was missing something... and seeing it bad...?
I don't think there is a way, no. The tab switching and all is handled completely by jQuery, I am not influencing that.
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 luuuciano

  • SMF Hero
  • ******
  • Posts: 2,978
    • http://cbasites.net/
Re: Tabbed Categories
« Reply #93 on: October 25, 2013, 08:35:32 PM »
I don't think there is a way, no. The tab switching and all is handled completely by jQuery, I am not influencing that.

So... when you click on tabs you see that bump down too?
No me agradan los foros que no te dejan borrar TU PROPIO usuario, como por ejemplo smfsimple.com.
E incluso te mandan emails no solicitados, de los cuales, quizá, no puedas escapar porque NO te dejan posibilidad a deshabilitarlos (a menos que NO te tengan en su lista negra).

Offline NanoSector

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 10,499
  • Gender: Male
  • VC321xb47@aperture:~#
    • Yoshi2889 on GitHub
Re: Tabbed Categories
« Reply #94 on: October 26, 2013, 08:23:01 AM »
I don't get the bump on various sites that have the mod installed no. Have you changed anything?
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 luuuciano

  • SMF Hero
  • ******
  • Posts: 2,978
    • http://cbasites.net/
Re: Tabbed Categories
« Reply #95 on: November 02, 2013, 06:52:29 PM »
I don't get the bump on various sites that have the mod installed no. Have you changed anything?

Not really... the only change was the noConflict thing...

I was looking that it is based on this... http://jqueryui.com/tabs/ on that example works ok... no bump, no "url anchor"

But look here: http://cba.b.ikers.com.ar/index.php?action=forum

I do not know why the url changes when you clic over tabs, like regular links... so it bumps to the div ID of each tab, like an url anchor...


Solved! I was forcing the use of an old jquery-ui, that had the $browser not defined issue... changed it to the latest one, and it works!

Thanks a lot, nice mod!


edit: using the latest jqueryui now I have conflicts with the adsense codes... lol... a new battle is coming...
« Last Edit: November 02, 2013, 07:14:40 PM by luuuciano »
No me agradan los foros que no te dejan borrar TU PROPIO usuario, como por ejemplo smfsimple.com.
E incluso te mandan emails no solicitados, de los cuales, quizá, no puedas escapar porque NO te dejan posibilidad a deshabilitarlos (a menos que NO te tengan en su lista negra).

Offline NanoSector

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 10,499
  • Gender: Male
  • VC321xb47@aperture:~#
    • Yoshi2889 on GitHub
Re: Tabbed Categories
« Reply #96 on: November 02, 2013, 07:13:47 PM »
Glad you got it solved in the end :)
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 Kindred

  • The Mean One
  • Support Specialist
  • SMF Legend
  • *
  • Posts: 58,423
  • Gender: Male
    • Kindred-999 on GitHub
Re: Tabbed Categories
« Reply #97 on: November 05, 2013, 11:13:24 AM »
hmmm...   I'm finally gettng around to looking at this mod.

I like the idea. I even like the implementation.

I *HATE* the use of the CDN and the addition of so much complicated and overnamed CSS. :(

Most of my sites run a dark theme...   which means that the base install looks utterly horrendous.
Some of those sites allow the users to choose between themes, which means that every single theme needs to be custom coded with new CSS. :(

I wish that the CSS for this was internal and used the existing SMF standards (so when it gets installed into a theme, it inherited the theme standard borders and colors and tab styles...

Yes, I am grumbling...   I can correct all that, but it's gonna take me days of work tracking down and replacing styles which is more work than I really want to put in right now. :(
As I said, it's a good mod...  It just requires a fairly massive amount of manual CSS and coding to make it work on anything except for the default.
Please do not PM, IM or Email me with support questions.  You will get better and faster responses in the support boards.  Thank you.

Offline NanoSector

  • SMF Friend
  • SMF Super Hero
  • *
  • Posts: 10,499
  • Gender: Male
  • VC321xb47@aperture:~#
    • Yoshi2889 on GitHub
Re: Tabbed Categories
« Reply #98 on: November 05, 2013, 11:43:09 AM »
The JS assures that the catbg class gets applied to the tabs.

As for the CDN thing, you can grab the CSS, throw it on the server, edit it and then modify the tag that includes it to point to the new path. Not big of a deal.

The point is I have no control over what jQuery UI will output. Using a browser dev tool and jQuery to spice up the controls a bit is the best I can do.
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 Kindred

  • The Mean One
  • Support Specialist
  • SMF Legend
  • *
  • Posts: 58,423
  • Gender: Male
    • Kindred-999 on GitHub
Re: Tabbed Categories
« Reply #99 on: November 05, 2013, 11:52:21 AM »
yeah....   as I said: grumbling (and days of work, with me being lazy)
Please do not PM, IM or Email me with support questions.  You will get better and faster responses in the support boards.  Thank you.