Simple Machines Community Forum

Customizing SMF => Modifications and Packages => Topic started by: NanoSector on June 16, 2013, 08:30:12 PM

Title: Tabbed Categories
Post by: NanoSector on June 16, 2013, 08:30:12 PM
Link to Mod (http://custom.simplemachines.org/mods/index.php?mod=3720)

Tabbed Categories
If you need to report a bug, please do so on GitHub! (https://github.com/Yoshi2889/TabbedCategories)

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. (http://creativecommons.org/licenses/by-sa/3.0/)

This mod uses...
- jQuery (http://jquery.com)
- jQuery UI (http://jqueryui.com)
Each with their respective license.
Title: Re: Tabbed Categories
Post by: Colin on June 17, 2013, 05:28:11 AM
Nice work Yosh.
Title: Re: Tabbed Categories
Post by: NanoSector on June 17, 2013, 06:01:02 AM
Thanks Colin :)
Title: Re: Tabbed Categories
Post by: 4Kstore on June 17, 2013, 10:19:18 AM
Excelent mod man!! thanks for share
Title: Re: Tabbed Categories
Post by: 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.
Title: Re: Tabbed Categories
Post by: NanoSector 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)
Title: Re: Tabbed Categories
Post by: Burke ♞ Knight 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. :(
Title: Re: Tabbed Categories
Post by: NanoSector 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!
Title: Re: Tabbed Categories
Post by: Burke ♞ Knight on June 17, 2013, 12:03:57 PM
No problem.
Yoshi, I need a favor. May I PM you about your Mod Builder?
Title: Re: Tabbed Categories
Post by: NanoSector on June 17, 2013, 12:14:39 PM
Updated the package. Same name, but the bug fixed :)

BurkeKnight, go ahead :)
Title: Re: Tabbed Categories
Post by: FrizzleFried 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)....
Title: Re: Tabbed Categories
Post by: NanoSector on June 17, 2013, 02:17:04 PM
Sorry for the inconvenience, I should've tested the thing before pushing it... :)
/me learned a lesson: never assume code to work, test it beforehand
Title: Re: Tabbed Categories
Post by: N i g h t m a r e on June 18, 2013, 05:26:03 PM
Suggestions:

Title: Re: Tabbed Categories
Post by: Burke ♞ Knight on June 19, 2013, 09:10:58 AM
Yoshi,

Might want to check this mod with dark themes.
I'm using Blued DarkCurve (http://custom.simplemachines.org/themes/index.php?lemma=2480) 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. :)
Title: Re: Tabbed Categories
Post by: 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.
Title: Re: Tabbed Categories
Post by: Diego Andrés on June 19, 2013, 12:15:17 PM
Great work! Is very nice!
Title: Re: Tabbed Categories
Post by: NanoSector 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 (http://custom.simplemachines.org/themes/index.php?lemma=2480) 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 :)
Title: Re: Tabbed Categories
Post by: FireDitto 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
Title: Re: Tabbed Categories
Post by: NanoSector 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 :)
Title: Re: Tabbed Categories
Post by: DSystem 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
Title: Re: Tabbed Categories
Post by: prsreek on June 23, 2013, 02:34:25 AM
waiting for this for a long time........ :D
Title: Re: Tabbed Categories
Post by: French on June 23, 2013, 03:56:43 AM
Well done Yoshi it's a nice one  ;)............however on one of my themes  Alba An Aigh (http://custom.simplemachines.org/themes/index.php?lemma=2543) (Test Forum) it didn't succeed so i had to install this mod manual and that went well 
Title: Re: Tabbed Categories
Post by: DarthRiddle on July 04, 2013, 06:36:15 PM
Hello,

I have just tried to install the tabbed categories mod from yoshi. I'm using the Dirt3 template.

And I get this (https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fwww.mediafire.com%2Fconvkey%2F846c%2Flrrmd9rghcc0cewfg.jpg&hash=3a0afca2d997d7912a72c7c1b39b577d)

Any idea why its not compatible with the dirt three theme?



V/R

Darth
Title: Re: Tabbed Categories
Post by: TheListener on July 04, 2013, 06:41:42 PM
The mod requires a theme edit that's all.

There may be another mod interfering with the area where the edit is required.

Title: Re: Tabbed Categories
Post by: NanoSector on July 04, 2013, 06:44:34 PM
I should add a note to the readme, telling what to do if it is not compatible with your theme.

Well, you can either try to apply the changes yourself or if you really get stuck, you can attach your BoardIndex.template.php file here and we'll see what we can do.
Title: Re: Tabbed Categories
Post by: Legitified on July 04, 2013, 07:48:59 PM
Great mod. Although I'm having troubles with fixing my theme, because it's kind of glitched near the tabs, well the colors are off. Here's the link to the BoardIndex.template.php of the theme I'm using.


Title: Re: Tabbed Categories
Post by: TheListener on July 04, 2013, 07:51:42 PM
Please attach the BoardIndex.template file to your next post as an attachment.
Title: Re: Tabbed Categories
Post by: NanoSector on July 04, 2013, 08:15:52 PM
Not sure if the <10 posts members can attach stuff here already, o old one :)
Pastebin also gets the job done.

I'll take a peek after my nap. Either adding a screenshot or a link to your site would help big deal :)
Title: Re: Tabbed Categories
Post by: TheListener on July 04, 2013, 08:17:56 PM
Quote
Not sure if the <10 posts members can attach stuff here already, o old one

Didn't think of that.

/me grumbles.

A nap? At your age? Sheesh.

/me starts to snore.
Title: Re: Tabbed Categories
Post by: Legitified on July 04, 2013, 08:48:23 PM
Please attach the BoardIndex.template file to your next post as an attachment.
Sorry about that, also I've modified my post.
Title: Re: Tabbed Categories
Post by: NanoSector on July 05, 2013, 07:46:12 AM
A screenshot or a link to your site might help :)
Title: Re: Tabbed Categories
Post by: Dzonny on July 05, 2013, 07:56:41 AM
Awesome mod Yoshi, was looking for one long time ago. Thanks :)
Title: Re: Tabbed Categories
Post by: kat on July 05, 2013, 08:00:11 AM
Just a note, Yoshmeister...

I went to install this, on my test site, just coz I wondered what it looks like, in action.

As mentioned, earlier, there seem to be problems with the BoardIndex.template.php

On the install, for every single theme, it failed on "replace BoardIndex.template.php".

Twice. (https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fwww.katzy.dsl.pipex.com%2FSmileys%2Fhuh.gif&hash=38ceaa80fe45201f74351d249195eaaf)

Odd, huh?
Title: Re: Tabbed Categories
Post by: NanoSector on July 05, 2013, 08:03:36 AM
Do you have any other mod that alters BoardIndex.template.php?
It works fine for me in a fresh install.
Title: Re: Tabbed Categories
Post by: kat on July 05, 2013, 08:06:48 AM
The only mod on the site, currently, is Simple Portal.

No hassles, coz it's only my test site. It's just that I saw the other references to that file and wondered if there might be a pattern emerging.
Title: Re: Tabbed Categories
Post by: kat on July 05, 2013, 08:09:45 AM
If you like, I can give you temporary admin access to my test forum, so you can take a look around.
Title: Re: Tabbed Categories
Post by: DarthRiddle on July 05, 2013, 03:35:48 PM
Attached

Thanks for the help.

I should add a note to the readme, telling what to do if it is not compatible with your theme.

Well, you can either try to apply the changes yourself or if you really get stuck, you can attach your BoardIndex.template.php file here and we'll see what we can do.
Title: Re: Tabbed Categories
Post by: kingkingston on July 07, 2013, 06:57:09 AM
i tried to add it to the firerox multicolour theme but got a parse error

did i modify the board index right ?
Title: Re: Tabbed Categories
Post by: NanoSector on July 07, 2013, 07:24:41 AM
I'll take a look at both of your files in a small bit, been busy cleaning the house lately.
Title: Re: Tabbed Categories
Post by: NanoSector on July 07, 2013, 08:12:02 AM
i tried to add it to the firerox multicolour theme but got a parse error

did i modify the board index right ?
You haven't added in the mod at all ???

Tell me if the attached version works.
Title: Re: Tabbed Categories
Post by: NanoSector on July 07, 2013, 08:14:42 AM
Attached

Thanks for the help.

I should add a note to the readme, telling what to do if it is not compatible with your theme.

Well, you can either try to apply the changes yourself or if you really get stuck, you can attach your BoardIndex.template.php file here and we'll see what we can do.
Here you are.
Title: Re: Tabbed Categories
Post by: kingkingston on July 07, 2013, 08:29:42 AM
i tried to add it to the firerox multicolour theme but got a parse error

did i modify the board index right ?
You haven't added in the mod at all ???

Tell me if the attached version works.
yep it seems to have done the trick :)

i must have uploaded the unmodded back up on here lol
Title: Re: Tabbed Categories
Post by: DarthRiddle on July 07, 2013, 11:20:18 AM
I should add a note to the readme, telling what to do if it is not compatible with your theme.

Well, you can either try to apply the changes yourself or if you really get stuck, you can attach your BoardIndex.template.php file here and we'll see what we can do.
[/quote]Here you are.
[/quote]

Its a no go. Thanks for the efforts.


Title: Re: Tabbed Categories
Post by: NanoSector on July 07, 2013, 12:01:09 PM
Try this one. The code for your news block wasn't closed properly.
Title: Re: Tabbed Categories
Post by: kingkingston on July 08, 2013, 11:36:51 AM
don't know if you could do it, but what would be cool is if the tabs lit up or went another colour if there was a new post or topic started in that category

it would look awesome :)
Title: Re: Tabbed Categories
Post by: NanoSector on July 08, 2013, 11:37:34 AM
don't know if you could do it, but what would be cool is if the tabs lit up or went another colour if there was a new post or topic started in that category

it would look awesome :)
Do you mean that there would be a sign that there are new topics in the boards in that category?

If so I've been thinking about that myself :P
Title: Re: Tabbed Categories
Post by: kingkingston on July 09, 2013, 09:59:12 PM
don't know if you could do it, but what would be cool is if the tabs lit up or went another colour if there was a new post or topic started in that category

it would look awesome :)
Do you mean that there would be a sign that there are new topics in the boards in that category?

If so I've been thinking about that myself :P

yeah, same thought :)
Title: Re: Tabbed Categories
Post by: TiPsY on July 11, 2013, 11:50:29 AM
Hello

There's a problem when parsing the code in ./Themes/default/BoardIndex.template.php and the reason is smf ads package

any idea how to include both codes?

the error is the following

Code: (Find) [Select]
echo '
</tbody>';
}
echo '
<tbody class="divider">
<tr>
<td colspan="4"></td>
</tr>
</tbody>';
}
echo '
</table>
</div>';

Code: (Replace) [Select]
echo '
</tbody>
</table>
</div>';
}

echo '
</div>';


my code in BoardIndex.template.php
Code: [Select]
echo '
</tbody>';
}
echo '
<tbody class="divider">
<tr>
<td colspan="4"></td>
</tr>
</tbody>';
echo '<tbody><tr><td colspan="4">';
//Display ads Between cats
if (function_exists("show_category"))
{
$ads = show_category($category['id']);
if(!empty($ads))
if($ads['type']==0)
echo $ads['content'];
else
eval($ads['content']);
unset($ads);
}
echo ' </td></tr></tbody>';

}
echo '
</table>
</div>';

Thanks in advance.
Title: Re: Tabbed Categories
Post by: NanoSector on July 11, 2013, 11:52:39 AM
Hey TiPsY,

Just replace:
Code: [Select]
echo ' </td></tr></tbody>';

}
echo '
</table>
</div>';

With:

Code: [Select]
echo '
</td>
</tr>
</tbody>
</table>
</div>';
}

echo '
</div>';

And it should work :)
Title: Re: Tabbed Categories
Post by: Scareface on July 13, 2013, 11:10:15 AM
Edited this a little bit to my style :P

(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fi.imgur.com%2FTKm0oSR.png%3F1%3F6235&hash=1efe65eb87cdec4a505a4810121bcbd0)

Title: Re: Tabbed Categories
Post by: NanoSector on July 13, 2013, 11:11:10 AM
Wow, that's looking good Scareface! :)
Title: Re: Tabbed Categories
Post by: FrizzleFried on July 13, 2013, 11:32:31 AM
That does look nice.  It would be awesome if the ability to include an image like that in each tab was added to the stock mod (hint ... hint ... ) ;)
Title: Re: Tabbed Categories
Post by: NanoSector on July 13, 2013, 11:45:15 AM
I'll look into it, sounds like a nice challenge :)

(might be for another mod though, but I can always integrate it into this mod)
Title: Re: Tabbed Categories
Post by: FireDitto on July 14, 2013, 06:11:38 AM
Hi! Sorry for the delays in getting back; I was curious if you'd had a chance to fiddle with the option to center? I'm not sure how to go about it :)

The images look amazing, and I would love the ability to make the headers light up whenever a new or unread post/thread is within that portion of the forum. That would be brilliant!
Title: Re: Tabbed Categories
Post by: NanoSector on July 14, 2013, 06:20:06 AM
Sorry I forgot about your request! :(

I'll take a look at both Unread posts and the option to align tabs today,  if not tomorrow.
Title: Re: Tabbed Categories
Post by: Chalky on July 14, 2013, 07:17:10 AM
Curious... I've just installed this on my test forum and look what it's done.  Same in my custom theme and the default theme...  I'm guessing it's a mod conflict but I've no idea right now which mod it might be, I have a few....  :P
Title: Re: Tabbed Categories
Post by: Biology Forums on July 14, 2013, 10:24:21 AM
What if your category tabs exceed that bar?
Title: Re: Tabbed Categories
Post by: Chalky on July 14, 2013, 03:59:22 PM
Ah no, it will be because I hacked my board index to show the upcoming calendar at the top instead of in the info centre.  The mod installed fine because I didn't remove any code, I just shuffled it around a bit lot.  Come to think of it it would have been a miracle if this mod had worked on my forum  :P

It is a great mod though Yosh  :)
Title: Re: Tabbed Categories
Post by: NanoSector on July 18, 2013, 03:10:11 PM
What if your category tabs exceed that bar?
No idea, but the amount of categories and boards should generally be kept at a minimum.

Ah no, it will be because I hacked my board index to show the upcoming calendar at the top instead of in the info centre.  The mod installed fine because I didn't remove any code, I just shuffled it around a bit lot.  Come to think of it it would have been a miracle if this mod had worked on my forum  :P

It is a great mod though Yosh  :)
Thanks, though did you get it to work properly?

I found a solution to the unread posts:

in Themes/(theme)/BoardIndex.template.php
Find:
Code: [Select]
echo '
<li><a href="#cat_' . $category['id'] . '">' . $category['name'] . '</a></li>';
(or something similar...if you can't find it at first shot try searching for </a></li> instead. Do make sure you are replacing everything from the nearest echo ' until the '; )

Replace with:
Code: [Select]
echo '
<li><a href="#cat_', $category['id'], '" style="max-height:18px">', $category['name'] . (!empty($category['new']) ? '&nbsp;<img src="' . $settings['lang_images_url'] . '/new.gif" class="icon" alt="" />' : ''), '</a></li>';

Adjust the max-height to whatever suits you best, it might take some experimenting. It is put there to avoid tabs jumping up and down.
Title: Re: Tabbed Categories
Post by: Chalky on July 18, 2013, 03:16:24 PM
Hi Yoshi, no I gave up when I realised my upcoming events would be breaking it  :)
Title: Re: Tabbed Categories
Post by: NIAB on July 20, 2013, 03:35:43 AM
Possble to add the option to tab selected categories. Would be great for organizing forum sections :)
Title: Re: Tabbed Categories
Post by: NanoSector on July 20, 2013, 04:28:22 AM
What would you do with the other categories? I like the feature though, but not sure if it is efficient.
Title: Re: Tabbed Categories
Post by: striker60 on July 30, 2013, 08:42:23 PM
Considering you offered to edit in the tabs, do you mind doing it for mine? It's for Citiez. (attached it)
Title: Re: Tabbed Categories
Post by: NanoSector on July 31, 2013, 05:16:01 AM
Hello striker60, welcome to SMF :)

What do you want changed?
Title: Re: Tabbed Categories
Post by: kingkingston on July 31, 2013, 12:20:22 PM
Edited this a little bit to my style :P

(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fi.imgur.com%2FTKm0oSR.png%3F1%3F6235&hash=1efe65eb87cdec4a505a4810121bcbd0)

awesome :)
Title: Re: Tabbed Categories
Post by: littlenicki on July 31, 2013, 05:28:41 PM
Hello, could you please do a SMF 1.1.18 version of this mod? it would be much appreciated. Thank you!
Title: Re: Tabbed Categories
Post by: NanoSector on July 31, 2013, 06:17:30 PM
Sorry littlenicki, I'm not planning to support 1.1.x in any of my mods (Lock Recycled Topics being an exception). If anybody feels like porting this or my other mods to 1.1.x, feel free to do so.
Title: Re: Tabbed Categories
Post by: Decompiler on August 13, 2013, 08:12:58 AM
Possble to add the option to tab selected categories. Would be great for organizing forum sections :)

What would you do with the other categories? I like the feature though, but not sure if it is efficient.

I think he means to be able to select more than one category to be in the same tab. So other categories would be in their own tab like they normally would.

 I would love that feature too as it would do wonders looks/organization wise.

And if you really want to go the full mile, I suggest making tabs be independent of categories all together. You would go to the tabs configuration page, create a new tab and then select what categories and forums would appear under the tab. Check this out (http://mods.mybb.com/view/mytabs). At first it might seem abit disorganized, but it really does give the user a lot more control and freedom with how the tab looks and functions.
Title: Re: Tabbed Categories
Post by: Dylert on August 13, 2013, 05:38:13 PM
Edited this a little bit to my style :P

(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fi.imgur.com%2FTKm0oSR.png%3F1%3F6235&hash=1efe65eb87cdec4a505a4810121bcbd0)

Wow! That's great! Can you pleasetell us how you did it? :)
Title: Re: Tabbed Categories
Post by: NanoSector on August 14, 2013, 04:12:59 AM
Possble to add the option to tab selected categories. Would be great for organizing forum sections :)

What would you do with the other categories? I like the feature though, but not sure if it is efficient.

I think he means to be able to select more than one category to be in the same tab. So other categories would be in their own tab like they normally would.

 I would love that feature too as it would do wonders looks/organization wise.

And if you really want to go the full mile, I suggest making tabs be independent of categories all together. You would go to the tabs configuration page, create a new tab and then select what categories and forums would appear under the tab. Check this out (http://mods.mybb.com/view/mytabs). At first it might seem abit disorganized, but it really does give the user a lot more control and freedom with how the tab looks and functions.
That sounds like a nice feature. How does keeping this current package sound, with a package that provides that feature separately available?
Title: Re: Tabbed Categories
Post by: Decompiler on August 14, 2013, 07:52:16 AM
That sounds like a nice feature. How does keeping this current package sound, with a package that provides that feature separately available?

That sounds good from a user's standpoint. But then you'll end up with more than one package that needs to be updated and so on, so you'll have to decide if it's worth it.
Title: Re: Tabbed Categories
Post by: NanoSector on August 14, 2013, 12:58:15 PM
It's definitely worth it if users want the choice :)
Title: Re: Tabbed Categories
Post by: Decompiler on August 15, 2013, 02:44:50 PM
Well we definitely do want to have the choice. Get to work!  :laugh:
Title: Re: Tabbed Categories
Post by: Burke ♞ Knight on August 15, 2013, 02:48:16 PM
Not a bad idea... :)
Title: Re: Tabbed Categories
Post by: Rebekka on August 21, 2013, 08:45:21 AM
Excelent mod , really great but I have a small problem. Sometimes when I refresh forum, tabs don't show in right way and evertyhing got mixed up, can I know where is the problem ? If I'm gonna refresh it will be back, but sometimes goes mixed.

I'm using default smf theme.
Title: Re: Tabbed Categories
Post by: Utech22 on August 22, 2013, 10:46:20 PM
When will be the update for smf 2.0.5?
Title: Re: Tabbed Categories
Post by: NanoSector on August 23, 2013, 01:47:06 AM
When will be the update for smf 2.0.5?
This mod should work just fine on 2.0.5.

Excelent mod , really great but I have a small problem. Sometimes when I refresh forum, tabs don't show in right way and evertyhing got mixed up, can I know where is the problem ? If I'm gonna refresh it will be back, but sometimes goes mixed.

I'm using default smf theme.
Do you have a link to your forum? I can't reproduce it myself.
Title: Re: Tabbed Categories
Post by: NIAB on August 31, 2013, 05:20:58 AM
Possble to add the option to tab selected categories. Would be great for organizing forum sections :)

What would you do with the other categories? I like the feature though, but not sure if it is efficient.

I think he means to be able to select more than one category to be in the same tab. So other categories would be in their own tab like they normally would.

 I would love that feature too as it would do wonders looks/organization wise.

And if you really want to go the full mile, I suggest making tabs be independent of categories all together. You would go to the tabs configuration page, create a new tab and then select what categories and forums would appear under the tab. Check this out (http://mods.mybb.com/view/mytabs). At first it might seem abit disorganized, but it really does give the user a lot more control and freedom with how the tab looks and functions.
That sounds like a nice feature. How does keeping this current package sound, with a package that provides that feature separately available?

Sorry about the late reply. Thanks for answering sir.

I'd love any package that supported what Im after lol. I want tabs, how you have them but so I can select certain categories for one tab, and then others for another.. and so on. Its an excellent mod as is. Im just after that little extra :)

Heres a (really) basic example of what I mean..

http://i.imgur.com/8Ul2Eqe.png

To make things perfect, it'd be pretty cool to have multiple tabbed sections. But, that is up to you :)
Title: Re: Tabbed Categories
Post by: DeroZ on September 10, 2013, 04:25:23 AM
Curious... I've just installed this on my test forum and look what it's done.  Same in my custom theme and the default theme...  I'm guessing it's a mod conflict but I've no idea right now which mod it might be, I have a few....  :P

same problem here  :-\
Title: Re: Tabbed Categories
Post by: electricwildflower on September 11, 2013, 02:47:19 PM
Couple of Questions for you.

1. I was thinking of separating my forums into two sections 1 for the music side of my website which is the main forum and the other side is a general forum which features everything else people can generally chat about. This would make the forums look cleaner and less clutter. Would the tabs mod work well for the way i want it,

2. Like a few other people i have a problem it installed fine through package manager to my test forum but looking at the forum index it looks off on all themes i have added a screen shot below.

Thanks
Title: Re: Tabbed Categories
Post by: NanoSector 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?
Title: Re: Tabbed Categories
Post by: electricwildflower 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,

Title: Re: Tabbed Categories
Post by: NanoSector on September 13, 2013, 09:41:05 AM
So, does it work or doesn't it? ???
Title: Re: Tabbed Categories
Post by: electricwildflower 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 ?
Title: Re: Tabbed Categories
Post by: NIAB on October 13, 2013, 09:19:59 PM
Would it be possible to choose which categories are tabbed with an array?
Title: Re: Tabbed Categories
Post by: FooToo 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!
Title: Re: Tabbed Categories
Post by: kingkingston 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
Title: Re: Tabbed Categories
Post by: FooToo 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 (http://www.manncotrading.com) is the site
Title: Re: Tabbed Categories
Post by: NanoSector on October 14, 2013, 04:49:57 AM
Do you have the mod installed there? Looking at the source it doesn't seem so.
Title: Re: Tabbed Categories
Post by: FooToo on October 14, 2013, 01:28:17 PM
not currently no.
I believe my board index is having some JavaScript jqeury conflict issues.
Title: Re: Tabbed Categories
Post by: luuuciano 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...?
Title: Re: Tabbed Categories
Post by: Dylert on October 25, 2013, 07:01:41 PM
Edited this a little bit to my style :P

(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fi.imgur.com%2FTKm0oSR.png%3F1%3F6235&hash=1efe65eb87cdec4a505a4810121bcbd0)

How did you make this? Very nice! :)
Title: Re: Tabbed Categories
Post by: NanoSector 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.
Title: Re: Tabbed Categories
Post by: luuuciano 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?
Title: Re: Tabbed Categories
Post by: NanoSector 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?
Title: Re: Tabbed Categories
Post by: luuuciano 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...
Title: Re: Tabbed Categories
Post by: NanoSector on November 02, 2013, 07:13:47 PM
Glad you got it solved in the end :)
Title: Re: Tabbed Categories
Post by: Kindred 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.
Title: Re: Tabbed Categories
Post by: NanoSector 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.
Title: Re: Tabbed Categories
Post by: Kindred on November 05, 2013, 11:52:21 AM
yeah....   as I said: grumbling (and days of work, with me being lazy)
Title: Re: Tabbed Categories
Post by: luuuciano on November 06, 2013, 12:35:18 PM
Kindred, what about this? http://www.red-team-design.com/google-play-minimal-tabs-with-css3-jquery

I liked it... and think that I will move my forum categories to it (but I have no time now, lol...)


Or... look at this http://os.alfajango.com/easytabs/
(thinks like you? "So, why use this instead of jQuery UI tabs? Besides the fact, that jQuery UI includes a bunch of other stuff, jQuery UI says your tabs should look like this.......")
Or... http://www.jquery4u.com/navigation/10-beneficial-jquery-tab-plugins/

BTW, after using it for a couple of days... it is really nice to have tabbed categories! much better to find things, navigate, etc... a lot less scroll!
Title: Re: Tabbed Categories
Post by: NanoSector on November 06, 2013, 01:59:54 PM
luuuciano, thanks for the EasyTabs link, bookmarked it and I'll look into making a version with that :)
Seems much easier to the end user.

Might keep the old package just for users who like the jQuery UI tab control.

New idea list:
- Use EasyTabs
- Provide sample CSS file
- Allow users to add in different styles *for each theme* by putting css files in Themes/{theme}/css/tabs, html can be customised in the template files if needed
- Option to tab only selected categories
- Allow moving around of tabs
Title: Re: Tabbed Categories
Post by: Kindred on November 06, 2013, 02:15:23 PM
awesome ideas, Yoshi!
Title: Re: Tabbed Categories
Post by: NanoSector on November 10, 2013, 11:24:04 AM
I might have a usable version of a version with EasyTabs in it by the end of the day, I'll try to package it up and post it here in the topic so you can use it in its form at that time. Then I'll get to adding the other features :)
It doesn't look as spectacular as the jQuery UI version but it is way more flexible.

Might have everything finished by tomorrow, but could be by the end of the week too, depending on how busy I'll be.
Title: Re: Tabbed Categories
Post by: NanoSector on November 10, 2013, 02:56:42 PM
This package installed fine on my install. Feel free to use it, it shouldn't put a timebomb on your forum (in the event that it does I'm not to be held responsible :P)
Title: Re: Tabbed Categories
Post by: DSystem on November 10, 2013, 08:35:57 PM
Just perfect. It was very good.

Tested is approved.

Tested on my test environment forum. Tomorrow put it in Forum in production.

If you want to see how it looks. check out the link-> http://forum.eletronicabr.com.br/

login:dsystem
password: 102030
Title: Re: Tabbed Categories
Post by: NanoSector on November 11, 2013, 10:38:00 AM
Take...2!

This version includes the ability to switch styles from the admin panel, and includes a minor change for styles. It also includes a style I designed to fit in with the Curve theme, it might work for other themes too but I haven't tested. :)
Uninstall the old versions and replace 'em! From now on your styles won't get lost when you uninstall the package, it will

Also attached is the old style from the previous take so you can take that one back if you liked it. Upload it to Themes/{yourtheme}/css/tabs and select it from the ACP :)

Setting can be found at Admin > Configuration > Current Theme. Special thanks to Arantor for showing me how it works & helping with the file listing mechanic :)

Happy tabbing, and let me know if it works! :)
Title: Re: Tabbed Categories
Post by: Arantor on November 11, 2013, 10:38:58 AM
Pics or it didn't happen.
Title: Re: Tabbed Categories
Post by: NanoSector on November 11, 2013, 10:43:33 AM
Off you go :)
Title: Re: Tabbed Categories
Post by: Arantor on November 11, 2013, 10:46:53 AM
Nice work :D
Title: Re: Tabbed Categories
Post by: Kindred on November 11, 2013, 11:47:12 AM
hmmm.....  doesn't appear to work correctly on my test site
http://test.turtleshellprod.com/index.php?action=community
http://test.turtleshellprod.com/index.php?action=community#cat5

the first page loads all boards in the tab...
each tab just reloads that same content, but jumps down the page.
Title: Re: Tabbed Categories
Post by: NanoSector on November 11, 2013, 12:01:15 PM
Do you have any public boards on that forum? It doesn't have any boards in the HTML.
Title: Re: Tabbed Categories
Post by: Kindred on November 11, 2013, 12:05:48 PM
hmmm... they should all be public. odd.....
Somehow, guests got removed form every board. How strange...    anyway - that is fixed, but the tabs are still wonky
Title: Re: Tabbed Categories
Post by: NanoSector on November 11, 2013, 12:10:14 PM
Try removing the jQuery instance this mod adds, it seems to kill both a TweetGrab mod and itself.

BoardIndex.php, just search for jQuery and it should be there.
Title: Re: Tabbed Categories
Post by: luuuciano on November 11, 2013, 12:18:03 PM
hmmm.....  doesn't appear to work correctly on my test site
http://test.turtleshellprod.com/index.php?action=community
http://test.turtleshellprod.com/index.php?action=community#cat5

the first page loads all boards in the tab...
each tab just reloads that same content, but jumps down the page.

Wich jquery version are you using?
I have posted about that in this thread... that happenend on 1.8.3 previous versions (or something similar)
Or try using the NoConflict way
Title: Re: Tabbed Categories
Post by: Kindred on November 11, 2013, 12:24:04 PM
hmmm...   disabling the two jquery lines  (googleapi and the local one) had no effect...

This is, of course, a test site, with about 80 mods installed currently, so there defintely could be a conflict somewhere....

Wonder if there is a conflict with PortaMX?  I think that uses some javascript stuff.

edit-
hmm....
tweetgrab
sharethis
sisyphus
tabbed categories


Wow...   I think I need to refresh the test site back to default and try again...
Title: Re: Tabbed Categories
Post by: NanoSector on November 11, 2013, 12:36:03 PM
If I look in my console it said that $ "has no such method", now it shows that $ of object Window is not a function.

Can you change this piece:
Code: [Select]
//
$(document).ready(function() {
$('#tab-container').easytabs();
});
//]]>

into:
Code: [Select]
//
$.noConflict();
jQuery(document).ready(function($) {
$('#tab-container').easytabs();
});
//]]>

See if that works after putting back the jQuery line too? (should also be in BoardIndex.php)
Title: Re: Tabbed Categories
Post by: Kindred on November 11, 2013, 01:17:54 PM
ok...   sorry, I reset the test site (removing all mods, themes and hooks)

It works perfectly when it's the only mod...

So, now I will start reinstalling some mods and see which causes the conflict.



edit- holy mackeral...
Installed the sisyphus and sharethis mods...
it broke again.
tried your noconflict code (parse error - had to use the following instead)
Code: [Select]
<script type="text/javascript">
//<![CDATA[
$.noConflict();
$(document).ready(function() {
$(\'#tab-container\').easytabs();
});
//]]]]><![CDATA[>
</script>';
but it was still broken.
uninstalled those mods...
it's still broken.

very odd
Title: Re: Tabbed Categories
Post by: NanoSector on November 11, 2013, 01:23:15 PM
Can you restore the original code and see if that works? If it does not, try switching out the $s with jQuery
Title: Re: Tabbed Categories
Post by: Kindred on November 11, 2013, 01:24:15 PM
tried that as well...   it's still broken, and I'm not sure why...  with the other mods confirmed as uninstalled...

forum cache maybe?
Title: Re: Tabbed Categories
Post by: NanoSector on November 11, 2013, 01:27:47 PM
Might be, but have you swapped out all $s in the original code for jQuery already?

Code: [Select]
$(document).ready(function() {
$('#tab-container').easytabs();
});

would become

Code: [Select]
jQuery(document).ready(function() {
jQuery('#tab-container').easytabs();
});
Title: Re: Tabbed Categories
Post by: Kindred on November 11, 2013, 01:39:06 PM
thank gods for my reset script. :)

Easy peasy cleanup and restart from a clean forum regardless of what I have messed up.

trying again.
Fresh install this mod only.
Works.

Applying jquery changes
ok... works!  Must have been a fat finger on my part.
Code: [Select]
<script type="text/javascript">
//
$.noConflict();
jQuery(document).ready(function() {
jQuery(\'#tab-container\').easytabs();
});
//]]>
</script>';



Confirmed -- this now works with ShareThis
Confirmed -- this now works with Sisyphus

Ok...   still has the white tabs and border on a dark theme... but I think the CSS looks simple to adjust.
Title: Re: Tabbed Categories
Post by: NanoSector on November 11, 2013, 01:42:51 PM
Thanks Kindred, if it works in that form that's one issue less :)

I'll add the fix in in a small bit, and upload a new package.
Title: Re: Tabbed Categories
Post by: NanoSector on November 11, 2013, 01:54:11 PM
This package should fix the issue :)
Title: Re: Tabbed Categories
Post by: DSystem on November 11, 2013, 07:42:25 PM
Take...2!

Also attached is the old style from the previous take so you can take that one back if you liked it. Upload it to Themes/{yourtheme}/css/tabs and select it from the ACP :)

Setting can be found at Admin > Configuration > Current Theme. Special thanks to Arantor for showing me how it works & helping with the file listing mechanic :)

Happy tabbing, and let me know if it works! :)

This mod is getting better and better.

Tested is approved.

Check out the link-> http://eletronicabr.com/


I'm going to wait a little longer to put into production. Who knows there's more news ... ;D
Title: Re: Tabbed Categories
Post by: Kindred on November 11, 2013, 10:28:50 PM
side note... doing this will enable you to build a different CSS for each theme

1- copy the Themes/default/css/tabs sub-directory to each and every themes/custom_theme/css directory
2- change the line in Sources/Boardindex.php
   <link rel="stylesheet" href="' . $settings['theme_url'] . '/css/tabs/default.css" />

and for themes like curve multi-color that have variants
   <link rel="stylesheet" href="' . $settings['theme_url'] . '/css/tabs/default'.(isset($context['theme_variant'])? $context['theme_variant'] : '') . '.css" />

http://www.askawitchcommunity.org/index.php?action=forum

I am still working on the variant theme colors... but the base variant (inverted) is looking good now with only minor changes to match colors for text and backgrounds
Title: Re: Tabbed Categories
Post by: NanoSector on November 12, 2013, 01:20:23 AM
It is built already so you can have different files in every theme :)

Copy the tabs directory over, change default.css and done!

As for theme variants, that's a good one, I'll add that in in a bit. (Also, the default.css bit should not be hardcoded in the source, it should be something with $settings
Title: Re: Tabbed Categories
Post by: NanoSector on November 12, 2013, 05:17:06 AM
Just checked the thing with the default css, seems that's another bug that somehow slipped in.
Title: Re: Tabbed Categories
Post by: Kindred on November 12, 2013, 06:59:30 AM
lol... yeah....   it was calling for only the default_theme_url /css/tabs/default.css  :)
Title: Re: Tabbed Categories
Post by: NanoSector on November 12, 2013, 09:05:24 AM
This package should fix the issue. :)
Title: Re: Tabbed Categories
Post by: luuuciano on November 13, 2013, 11:27:41 AM
Here an interesting "variation" of tabbed categories... using an horizontal scroll...
http://gazpo.com/downloads/tutorials/jquery/horizontal_scroll/

(just sharing something found... maybe someone finds it interesting)
Title: Re: Tabbed Categories
Post by: Antros22 on November 13, 2013, 11:40:23 AM
very nice mod ...  ;D
Title: Re: Tabbed Categories
Post by: TomW on November 21, 2013, 10:39:02 PM
Is there a way to replace the menu bar with tabs, or vice versa ?  I'd prefer to have 1 'menu'.
Title: Re: Tabbed Categories
Post by: Arantor on November 21, 2013, 11:25:07 PM
Not without rewriting the guts of the SMF menu system, they're completely different pieces of code, in completely different places, and would attach a non-trivial performance hit to your site.
Title: Re: Tabbed Categories
Post by: gurdain on January 09, 2014, 08:39:52 AM
Hoping my file can be modified so this works

I tried, managing to get the categories up but with a half blank table
Title: Re: Tabbed Categories
Post by: NanoSector on January 09, 2014, 12:22:38 PM
That's a 1.1 theme, I'm sorry but this mod does not work with SMF 1.1.x.
Title: Re: Tabbed Categories
Post by: gurdain on January 09, 2014, 12:41:25 PM
The theme is working with my SMF 2.0.6 install.

I believe the 1.1 in the file refers to the file version.

The code to be replaced appears to begin around line 71 and end line 104

Its the end tags in the second modification where I think I'm going wrong.

Please have a go - your mod is the only one I've seen that can display categories as tabs!
Title: Re: Tabbed Categories
Post by: NanoSector on January 09, 2014, 02:23:56 PM
Oh I'm sorry, I got confused by that. :)

I'll have a poke somewhere tomorrow.
Title: Re: Tabbed Categories
Post by: gurdain on January 13, 2014, 11:24:58 AM
hi yoshi,

any luck with adding tabbed categories to the file?
it would come in really handy
Title: Re: Tabbed Categories
Post by: Arantor on January 13, 2014, 11:31:40 AM
Theme authors really should NOT be changing that version number, because it does indicate it is a 1.1 version theme by doing so.
Title: Re: Tabbed Categories
Post by: gurdain on January 14, 2014, 08:44:57 AM
Ah sorry, you were right it was 1.1, I had sent you the file from the wrong folder.

Attached the relevant file this time.
Title: Re: Tabbed Categories
Post by: NanoSector on January 14, 2014, 11:44:02 AM
Sorry for the delay, been busy the past few days.

Will take a look tonight, and if not tomorrow. Made a post-it note so I don't forget :P
Title: Re: Tabbed Categories
Post by: NanoSector on January 15, 2014, 09:53:20 AM
Can you tell me if the following file works?
Title: Re: Tabbed Categories
Post by: gurdain on January 16, 2014, 07:08:34 AM
I get a template parse error (line 455 which shows ?>)

I fixed that by adding an extra } before line 455

The category tabs are now showing, but they are not showing the correct boards.
I have an error underneath which says:
Fatal error: Call to undefined function template_info_center() in /homepages/9/d101452752/htdocs/infoboard/Sources/Load.php(2246) : eval()'d code on line 235
Title: Re: Tabbed Categories
Post by: NanoSector on January 16, 2014, 09:58:01 AM
Do you have a link to your site?

Title: Re: Tabbed Categories
Post by: gurdain on January 16, 2014, 10:21:01 AM
I'll PM you details with a temporary account to view the page
Title: Re: Tabbed Categories
Post by: gurdain on January 16, 2014, 10:24:59 AM
Ok it seems I can't PM you
Title: Re: Tabbed Categories
Post by: NanoSector on January 16, 2014, 12:35:28 PM
Try again now please.
Title: Re: Tabbed Categories
Post by: FireDitto on February 12, 2014, 12:07:23 PM
NVM. Fixed it XD

EDIT: Also; is it possible to add the edit in that shows categories with new posts within them, please? This new one doesn't seem to do that :(
Title: Re: Tabbed Categories
Post by: NanoSector on February 13, 2014, 01:56:36 AM
I believe that was posted a while ago. I'm almost off to school but have a read through the topic, perhaps you'd find it  :)
If not remind me to take a look later today or this week.   
Title: Re: Tabbed Categories
Post by: FireDitto on February 13, 2014, 04:34:01 AM
It was, indeed. However, my Search & Find did not reveal anything where hte code is at all similar and so I don't know what action to take in order to adjust the new code provided in the Easy Tabs.

I found a solution to the unread posts:

in Themes/(theme)/BoardIndex.template.php
Find:
Code: [Select]
echo '
<li><a href="#cat_' . $category['id'] . '">' . $category['name'] . '</a></li>';
(or something similar...if you can't find it at first shot try searching for </a></li> instead. Do make sure you are replacing everything from the nearest echo ' until the '; )

Replace with:
Code: [Select]
echo '
<li><a href="#cat_', $category['id'], '" style="max-height:18px">', $category['name'] . (!empty($category['new']) ? '&nbsp;<img src="' . $settings['lang_images_url'] . '/new.gif" class="icon" alt="" />' : ''), '</a></li>';

Adjust the max-height to whatever suits you best, it might take some experimenting. It is put there to avoid tabs jumping up and down.


EDIT: Attempting to use that code with the line
Code: [Select]
<li class="tab"><a href="#cat', $category['id'], '">', $category['name'], '</a></li>';
Inserts the 'new' icon, but destroys the categories besing assigned tabs (one long lsit). I'm not good enough at coding to hash it out.
Title: Re: Tabbed Categories
Post by: NanoSector on February 13, 2014, 09:27:42 AM
Can you attach said file to the topic please?
Title: Re: Tabbed Categories
Post by: FireDitto on February 13, 2014, 09:57:43 AM
Attached
Title: Re: Tabbed Categories
Post by: NanoSector on February 15, 2014, 03:12:18 PM
Hmm. Weird, took a peek and it should work just fine. (sorry for the long wait, added an SSD to my laptop and had to reinstall everything yesterday).

Do you have a live example of this happening somewhere around?
Title: Re: Tabbed Categories
Post by: FireDitto on February 16, 2014, 12:14:45 PM
my site - http://katila.second-pass.net - has it installed as the default layout and yeah, it isn't bringing up the 'New' image. I haven't been keen to try editing it, because as I said, when I did it broke it and my site is live and I can't afford to have it running broken xD
Title: Re: Tabbed Categories
Post by: NanoSector on February 18, 2014, 12:52:05 PM
Been doodling on your site for the past two days but I can't get it to work either with my CSS skillz (not).

Maybe your theme author may know or someone from the community :)
Title: Re: Tabbed Categories
Post by: FireDitto on February 18, 2014, 01:11:13 PM
haha, thanks for trying! I'll bug DZ Studios later; I think I need sleep haha.
Title: Re: Tabbed Categories
Post by: Semetery on June 15, 2014, 07:44:33 PM
Hey everyone!

I'm a little late to the party perhaps? I just recently setup SMF for the first time and am loving it, so my apologies for being late.

The install went perfectly, I didn't have any problems at all, but when I go to the forum index I get bullet-points beside the category names. I'm thinking there's a problem with the javascript somehow? Did I miss something that I should've done during the install? I made sure to check the boxes so that it'd insert the code into my theme.

(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fi61.tinypic.com%2Frm8pit.jpg&hash=b539d7bc8c1ad62097bab4a0990028a5)

Any help would be tremendously appreciated. It's a feature I used with phpBB and after jumping ship have truly missed!
Title: Re: Tabbed Categories
Post by: Antechinus on June 15, 2014, 07:54:14 PM
That's a css glitch. It needs list-style: none; applied to the tabs list class (whatever class that it).
Title: Re: Tabbed Categories
Post by: Semetery on June 15, 2014, 09:40:49 PM
Thanks for your help!

I apologize to be such a noob about it, but where do I find that out and fix it? I use the inspect-element tool in FF but it's only showing that it's an inline'element' and the regular link css for the overall forum. It's under <div id = category_tabs"> but I'm not seeing any CSS related to it at all.
Title: Re: Tabbed Categories
Post by: Antechinus on June 15, 2014, 09:46:18 PM
Try this:

Code: [Select]
#category_tabs>ul{list-style: none;}
Title: Re: Tabbed Categories
Post by: Semetery on June 15, 2014, 09:55:50 PM
That got rid of the bullets, which makes it much nicer to look at, thanks! I really appreciate your help.

I've still got no style at all on the tabs though. It's a vertical list of the category names without any kind of 'tab' form. They do work, technically, when a name is clicked, it takes you down the page to the proper set of forums but it still has them all listed on the index. Here's another screenshot to show you what I mean.

(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fi62.tinypic.com%2F35iokjs.jpg&hash=5cfa6d5b12e3e56dccf38a6ddc390c94)

'Forum Games' should be listed under the second tab, 'Entertainment' ends with 'Share Your Work'. It's showing the category titles, but it's also showing all forums as well.

I looked through the code on the mod page to see if there could be something that was missing but didn't notice anything. I'm not sure why it isn't styling them and lining them up horizontally like everyone elses.
Title: Re: Tabbed Categories
Post by: Antechinus on June 15, 2014, 10:03:38 PM
Aha. It looks like you aren't calling the jQuery stuff. This code is supposed to be in Sources/BoardIndex.php:

Code: [Select]
// Yoshi2889: Tabbed Categories
$context['html_headers'] .= '
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script type="text/javascript">
//
$(document).ready(function ()
{
$("#category_tabs").tabs();
$(".ui-tabs-panel").css("padding","0px");
$(".ui-widget-header").addClass("catbg").removeClass("ui-widget-header");
});
//]]]]>>
</script>';
// End Yoshi2889: Tabbed Categories

If that was missing, that would explain the problem. Also, if you are calling jQuery somewhere else, you may have a conflict.
Title: Re: Tabbed Categories
Post by: Semetery on June 15, 2014, 10:09:57 PM
You nailed it, it was indeed a mod conflict. I checked for other mods that would be calling jquery and the Fancybox 4 SMF was. I uninstalled it and it now works exactly as it should. EDIT: I checked through the thread and found the answer to my other question.

Thanks again for your help! :)
Title: Re: Tabbed Categories
Post by: Antechinus on June 15, 2014, 10:20:40 PM
Personally, I'd be inclined to just delete any stray calls for jQuery, and just call it once in the head section of your index.template.php. That should cover all mods AFAIK.
Title: Re: Tabbed Categories
Post by: luuuciano on June 16, 2014, 07:43:35 AM
Check the modifications in your files using the mod parser, maybe it is not aplied in your theme, or something else.
A link to your forum will help too (so we can see it, the code, etc)
Title: Re: Tabbed Categories
Post by: Hj Ahmad Rasyid Hj Ismail on August 02, 2014, 09:20:30 AM
Why didn't I notice this before. A very nice mod.

By the way,thanks to SMF Customization Team, I ended up using this code to check that jquery is not yet being called before loading it:

Code: [Select]
$context['html_headers'] .= '<script type="text/javascript">
        window.jQuery || document.write(\'<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"><\/script>\');
    </script>';

May be this can be used as a fix in the next update for this mod too.
Title: Re: Tabbed Categories
Post by: NanoSector on August 02, 2014, 11:34:38 AM
Thank you! I'll fix this right away :)

ETA: Updated. v0.1.3 is not a required update; it only updates jQuery and implements ahrasis's suggestion.
Title: Re: Tabbed Categories
Post by: SaltedWeb on August 04, 2014, 05:28:42 PM
Installed just fine on Inferno theme, oddly enough it failed on Curve, only default was ok so thats weird.
It may be a mod issues. So wouldn't say this is the mod cause.
Nice very nice.

Questions, how many tabs wide will this handle and still look clean ? Anyone with demo and allot of tabs ?
Title: Re: Tabbed Categories
Post by: NanoSector on August 04, 2014, 06:33:04 PM
Not sure, but the general idea is that too many categories doesn't benefit usability of a site.

The mod installs fine in a clean installation, so that's most definitely a mod conflict.
Title: Re: Tabbed Categories
Post by: SaltedWeb on August 04, 2014, 06:46:15 PM
Great though , best mod ive found in awhile very useful.
Title: Re: Tabbed Categories
Post by: NanoSector on August 04, 2014, 06:49:06 PM
Glad to hear :)
Title: Re: Tabbed Categories
Post by: elf_fu on August 05, 2014, 11:32:38 AM
Hello!

The theme I am using is Crip's Back n' Black, here: http://custom.simplemachines.org/themes/index.php?lemma=126 (http://custom.simplemachines.org/themes/index.php?lemma=126) on a 2.0.8 forum.

I have two errors during the pre-check of installing this mod in my BoardIndex.template.php. I attempted a manual install (with backed up files) to no success My BoardIndex.template.php I've attached in hopes that someone can make sense of this!

I really like the look of this, this helps a large forum like mine (An RP forum) remove a lot of clutter from the main index and seem a lot easier to navigate & not overwhelm newcomers. If anyone could help, It would be much appreciated!

The two areas that are a problem:

Find:
Code: [Select]
echo '
   <div id="boardindex_table">
      <table class="table_list">';

   /* Each category in categories is made up of:
   id, href, link, name, is_collapsed (is it collapsed?), can_collapse (is it okay if it is?),
   new (is it new?), collapse_href (href to collapse/expand), collapse_image (up/down image),
   and boards. (see below.) */
   foreach ($context['categories'] as $category)
   {
      // If theres no parent boards we can see, avoid showing an empty category (unless its collapsed)
      if (empty($category['boards']) && !$category['is_collapsed'])
         continue;

      echo '
         <tbody class="header" id="category_', $category['id'], '">
            <tr>
               <td colspan="4">
                  <div class="cat_bar">
                     <h3 class="catbg">';

      // If this category even can collapse, show a link to collapse it.
      if ($category['can_collapse'])
         echo '
                        <a class="collapse" href="', $category['collapse_href'], '">', $category['collapse_image'], '</a>';

      if (!$context['user']['is_guest'] && !empty($category['show_unread']))
         echo '
                        <a class="unreadlink" href="', $scripturl, '?action=unread;c=', $category['id'], '">', $txt['view_unread_category'], '</a>';

      echo '
                        ', $category['link'], '
                     </h3>
                  <>
               </td>
            </tr>
         </tbody>';

      // Assuming the category hasn't been collapsed...
      if (!$category['is_collapsed'])
      {

      echo '


Replace:
Code: [Select]
<ul>';

   foreach ($context['categories'] as $category)
   {
      echo '
         <li><a href="#cat_' . $category['id'] . '">' . $category['name'] . '</a></li>';
   }
   
   echo '
      </ul>';
     
   foreach ($context['categories'] as $category)
   {
      echo '
      <div id="cat_', $category['id'], '">
         <table class="table_list">





Find: (I can't find this anywhere in my BoardIndex.template)
Code: [Select]
      echo '
         </tbody>';
      }
      echo '
         <tbody class="divider">
            <tr>
               <td colspan="4"></td>
            </tr>
         </tbody>';
   }
   echo '
      </table>
   <>';


Replace:
Code: [Select]
      echo '
         </tbody>
         </table>
      <>';
   }
     
   echo '
   <>';
Title: Re: Tabbed Categories
Post by: SaltedWeb on August 05, 2014, 11:37:18 AM
How many mods are you running ? Have you done any manual edits ?

Title: Re: Tabbed Categories
Post by: NanoSector on August 05, 2014, 12:15:48 PM
Your board index template is a bit off. If no-one beats me I'll try to fiddle something out for you :)
Title: Re: Tabbed Categories
Post by: elf_fu on August 05, 2014, 01:42:14 PM
How many mods are you running ? Have you done any manual edits ?


Quote from: elf_fu
I attempted a manual install

Yes, :p

A lot of mods

KeyCAPTCHA for SMF   2.5     [ List Files ] [ Delete ]
2.   SimplePortal   2.3.5     [ Uninstall ] [ List Files ] [ Delete ]
3.   Ban List   2.0     [ Uninstall ] [ List Files ] [ Delete ]
4.   Dice Roller BBcode   1.3     [ Uninstall ] [ List Files ] [ Delete ]
5.   SubAccounts Mod   1.0.1     [ List Files ] [ Delete ]
6.   PM to New Members   1.2     [ Uninstall ] [ List Files ] [ Delete ]
7.   Treasury   2.12     [ Uninstall ] [ List Files ] [ Delete ]
8.   Separate the sticky topics   1.0.0     [ Uninstall ] [ List Files ] [ Delete ]
9.   Add Social Media Icons To Profiles   1.1.0     [ Uninstall ] [ List Files ] [ Delete ]
10.   SA KB   1.0.2a     [ Uninstall ] [ List Files ] [ Delete ]
11.   Simple Youtube Video Embedder/BBC   1.1     [ Uninstall ] [ List Files ] [ Delete ]
12.   SA Shop   1.0 RC1     [ Uninstall ] [ List Files ] [ Delete ]
13.   SMF Arcade   2.5     [ Uninstall ] [ List Files ] [ Delete ]
14.   SMF 2.0.5 Update   1.0     [ List Files ] [ Delete ]
15.   Menu Editor Lite   1.0.5     [ Uninstall ] [ List Files ] [ Delete ]
16.   [user] BBC Tag   1.0.1     [ Uninstall ] [ List Files ] [ Delete ]
17.   Default Avatar   2.3     [ Uninstall ] [ List Files ] [ Delete ]
18.   Remove Child Boards   2.3.4     [ List Files ] [ Delete ]
19.   Team Page   3.6     [ Uninstall ] [ List Files ] [ Delete ]
20.   Topic Solved   1.1.1     [ Uninstall ] [ List Files ] [ Delete ]
21.   Event Reminder Mod for SMF2   2.31     [ Uninstall ] [ List Files ] [ Delete ]
22.   Member Awards   3.0     [ Uninstall ] [ List Files ] [ Delete ]
23.   SMF 1.1.19 / 2.0.6 Update   1.0     [ List Files ] [ Delete ]
24.   SMF 2.0.7 Update   1.0     [ List Files ] [ Delete ]
25.   Guest Registration Notification   1.5.1     [ Uninstall ] [ List Files ] [ Delete ]
26.   NiceTooltips   1.9     [ Uninstall ] [ List Files ] [ Delete ]
27.   Tapatalk SMF 2.0 Plugin   3.9.3     [ Uninstall ] [ List Files ] [ Delete ]
28.   Boards in Cats   1.5   [ Install Mod ] [ List Files ] [ Delete ]
29.   SCEditor4Smf   0.5.1     [ Uninstall ] [ List Files ] [ Delete ]
30.   SMF 2.0.8 Update   1.0     [ Uninstall ] [ List Files ] [ Delete ]
31.   Users Online Today   2.1     [ Uninstall ] [ List Files ] [ Delete ]
32.   Tabbed Categories   0.1.3   [ Install Mod ] [ List Files ] [ Delete ]




The second part of the code I pasted above, doesn't appear to exist in my BoardIndex.template.php. I was able to find and replace the first part, but the second part...There's no:

Code: [Select]
      echo '
         </tbody>';
      }
      echo '
         <tbody class="divider">
            <tr>
               <td colspan="4"></td>
            </tr>
         </tbody>';
   }
   echo '
      </table>
   <>';

--anywhere in my BoardIndex.template.php. I attempted to "guess," where this might go....and we all know how well that turns out! Didn't work at all, lol. This theme's BoardIndex has given me issues before because like NanoSector said, it's a bit off/different.

 
Your board index template is a bit off. If no-one beats me I'll try to fiddle something out for you<$1alt="" title="" onresizestart="return false;" id="smiley__$2" style="padding: 0 3px 0 3px;" />

Thanks Nano for the offer! I'm in no rush and happy to have any help from anyone at this point, with my "special," boardindex xD
Title: Re: Tabbed Categories
Post by: NanoSector on August 05, 2014, 02:11:39 PM
This modified file *should* do the trick; take a backup beforehand (the file you attached before is one, but a full backup is preferred). Let me know if it works or not.

Once the file is in place, install the mod and ignore any errors coming from the theme.

ETA: Updated file so categories can't be hidden and thus not showing with no UI to unhide them.
Title: Re: Tabbed Categories
Post by: elf_fu on August 05, 2014, 04:01:51 PM
This modified file *should* do the trick; take a backup beforehand (the file you attached before is one, but a full backup is preferred). Let me know if it works or not.

Once the file is in place, install the mod and ignore any errors coming from the theme.

ETA: Updated file so categories can't be hidden and thus not showing with no UI to unhide them.


Thanks so much! Currently backing up ALL THE THINGS! before testing/trying this out. So I'll try and return to reply and/or edit this one to let you know how it went.
Title: Re: Tabbed Categories
Post by: SaltedWeb on August 05, 2014, 08:54:31 PM
You'll love this Mod, very useful, it should be a paid addition as it very unique to SMF and does a job paid forums usually does.
Title: Re: Tabbed Categories
Post by: SaltedWeb on August 05, 2014, 11:19:16 PM

Ok this is weird, I use firefox, but opened Chrome and IE and they moved the first category back one.
In the AdminCP shows correct but IE and Chrome show the first one as second.
Any ideas?
Disregard, was that Mysql issue reported earlier this year. I am running 2.0.5
Used the http://custom.simplemachines.org/mods/index.php?mod=3865 fix and we are back in business.

Title: Re: Tabbed Categories
Post by: NanoSector on August 06, 2014, 03:46:31 AM
I might make a more flexible paid option, just no idea what to put into it except styles.
Title: Re: Tabbed Categories
Post by: luuuciano on August 06, 2014, 07:39:55 AM
Just for the record, we have recently reinstalled our forum and I had to add the noconflict changes reported here http://www.simplemachines.org/community/index.php?topic=505957.msg3626714#msg3626714 again.

From
Code: [Select]
//
$(document).ready(function ()

to
Code: [Select]
//
jQuery.noConflict();
jQuery(document).ready(function ($)


A question.... for less than a second we see the categories untabbed (one below the other one, like when you do not load jquery), and then *magic* they are tabbed (that section is "redrawed")...
The thing is that it looks a bit clunky (or something else, do not know wich word to use)

There is no way to avoid that?

edit: BTW, I have to try the easytabs version yet! :-)
Title: Re: Tabbed Categories
Post by: SaltedWeb on August 06, 2014, 08:34:23 AM
I might make a more flexible paid option, just no idea what to put into it except styles.

The item is good as it is, Hmmm, maybe if a person could change the button type and color, maybe even font.
Probably would make it less compatible with more modifications, more added the more can go wrong. lol
Title: Re: Tabbed Categories
Post by: NanoSector on August 06, 2014, 10:33:52 AM
Just for the record, we have recently reinstalled our forum and I had to add the noconflict changes reported here http://www.simplemachines.org/community/index.php?topic=505957.msg3626714#msg3626714 again.

From
Code: [Select]
//
$(document).ready(function ()

to
Code: [Select]
//
jQuery.noConflict();
jQuery(document).ready(function ($)


A question.... for less than a second we see the categories untabbed (one below the other one, like when you do not load jquery), and then *magic* they are tabbed (that section is "redrawed")...
The thing is that it looks a bit clunky (or something else, do not know wich word to use)

There is no way to avoid that?

edit: BTW, I have to try the easytabs version yet! :-)
Since version 0.1.3 the mod should no longer create conflicts. :)

There is no way to avoid the redraw of the content; the mod waits for the DOM to be ready before modifying anything. This is to avoid errors which prevent the mod from working at all. :)

The item is good as it is, Hmmm, maybe if a person could change the button type and color, maybe even font.
Probably would make it less compatible with more modifications, more added the more can go wrong. lol
Well this is not overly difficult to achieve already, it's a matter of modifying CSS files. The EasyTabs package around page 6/7 (search for the latest one) has support for styles, which makes life easier.

ETA: You know what, I'll attach a fixed version here and on the main page.
Title: Re: Tabbed Categories
Post by: elf_fu on August 06, 2014, 10:44:57 AM
Sorry for taking so long! Last night my UPS battery died, so this morning I had to plug the router/modem directly into plug (I live in Florida, where surges and power outages happen way too frequently during the day.) So my computer is down, but my husband's isn't--so I have access to everything to back up here.

So I backed up my original BoardIndex.template.php and my sources/BoardIndex.php and went ahead. I replaced my BoardIndex.template.php with the one you so generously proviced Nano, and went ahead and installed the mod ignoring the Back n' Black errors. Then I cleared out cache and viewed my front page to see...

Nothing. My site works just fine! But, there's no tabs on Back n' Black, but there ARE tabs if I switch (admin access only) to Curved theme.

I'm pretty much unsure as to what to do now. But at least my forums not broken and it does work on a theme! Just...not the one I'm using and everyone can see xD

If there's any info I can provide to further help those helping me, let me know! I've attached screen shots of my Curve theme and Back n' black
Title: Re: Tabbed Categories
Post by: NanoSector on August 06, 2014, 10:47:02 AM
Can you provide a link to your site please?
ETA: Found it, Google-fu does wonders. Hang on for a moment (and don't get a power outage :D)

ETA2: Did you apply the Boardindex.template.php to the correct theme? The changes seem to have not been made.
Title: Re: Tabbed Categories
Post by: elf_fu on August 06, 2014, 10:56:26 AM
Can you provide a link to your site please?
ETA: Found it, Google-fu does wonders. Hang on for a moment (and don't get a power outage<$1alt="" title="" onresizestart="return false;" id="smiley__$2" style="padding: 0 3px 0 3px;" />)

ETA2: Did you apply the Boardindex.template.php to the correct theme? The changes seem to have not been made.

Sorry about forgetting the link! Just for ease of use: gr.2phatgeeks.com

I just re-downloaded the file you provided to make double sure, and copied it over in themes/Back n' Black. Cleared cache again. No change?
Title: Re: Tabbed Categories
Post by: NanoSector on August 06, 2014, 11:00:52 AM
Would you mind providing me with FTP details to your site? Please read this beforehand: http://www.simplemachines.org/community/index.php?topic=228940.0
Send me a PM if you agree :)
Title: Re: Tabbed Categories
Post by: elf_fu on August 06, 2014, 11:03:17 AM
Would you mind providing me with FTP details to your site? Please read this beforehand: http://www.simplemachines.org/community/index.php?topic=228940.0 (http://www.simplemachines.org/community/index.php?topic=228940.0)
Send me a PM if you agree<$1alt="" title="" onresizestart="return false;" id="smiley__$2" style="padding: 0 3px 0 3px;" />

Please forgive me for this question if it seems rude: but can your provide some links to topics or replies where you've accessed other users FTP's, or web work you've done that just kinda shows me that you're a cool bean in that area?

It's not like I think you're an axe murdering baby eater, but I just (like most web admins) want to make sure before I send any private info like that! Apologies, and thank you!

Edited to add: You're kinda already a cool bean for helping me out like this. But you know. Words. I has them.
Title: Re: Tabbed Categories
Post by: Arantor on August 06, 2014, 11:04:07 AM
He's part of the official SMF team, he can be trusted. I'd give him my FTP details... if I ran FTP.
Title: Re: Tabbed Categories
Post by: elf_fu on August 06, 2014, 11:06:04 AM
He's part of the official SMF team, he can be trusted. I'd give him my FTP details... if I ran FTP.

I'm epic-Picard-face-palming right now, as I just noticed the pip on his mini profile. Thank you!

I'll send the info via PM. And have more coffee.
Title: Re: Tabbed Categories
Post by: NanoSector on August 06, 2014, 11:08:11 AM
Would you mind providing me with FTP details to your site? Please read this beforehand: http://www.simplemachines.org/community/index.php?topic=228940.0 (http://www.simplemachines.org/community/index.php?topic=228940.0)
Send me a PM if you agree<$1alt="" title="" onresizestart="return false;" id="smiley__$2" style="padding: 0 3px 0 3px;" />

Please forgive me for this question if it seems rude: but can your provide some links to topics or replies where you've accessed other users FTP's, or web work you've done that just kinda shows me that you're a cool bean in that area?

It's not like I think you're an axe murdering baby eater, but I just (like most web admins) want to make sure before I send any private info like that! Apologies, and thank you!
I understand, and you have the full rights to ask as such :)

It's been a long while since I did support in FTP like this though, so the topics are buried somewhere deep. Though feel free to browse through my post history:
http://www.simplemachines.org/community/index.php?action=profile;area=showposts;sa=messages;u=251953

Would it help if I gave you a cookie? :P
Title: Re: Tabbed Categories
Post by: Arantor on August 06, 2014, 11:08:49 AM
I think anyone who's been on the team and asked for FTP details has been asked at least once for evidence of not going to abuse it, and I think it's a good thing to be sure before you give it out, generally.
Title: Re: Tabbed Categories
Post by: elf_fu on August 06, 2014, 11:11:55 AM
A COOKIE?!
....What kind of cookie? Hmmmm, you tempty tempter you. (Info, I hope, already sent!)
Title: Re: Tabbed Categories
Post by: NanoSector on August 06, 2014, 11:17:46 AM
You should be all set! :)

I created a backup of your BoardIndex.template.php before I started modifying it, it has php-backup at the end.
Title: Re: Tabbed Categories
Post by: elf_fu on August 06, 2014, 11:20:07 AM
You should be all set!<$1alt="" title="" onresizestart="return false;" id="smiley__$2" style="padding: 0 3px 0 3px;" />

I created a backup of your BoardIndex.template.php before I started modifying it, it has php-backup at the end.

...My god...it's full of Tabs!

THANK YOU very, very much! It looks over 8000% better already. I appreciate the work you did to fix this so I can use your mod! I hope someday I can pass the good deed on! WOOHOO! YaY!

Edit of Shame (Like Cone of Shame. Only an Edit): Guess who has two thumbs and absolutely no idea how to edit the tabs to match my theme?
THIS GAL!  :laugh: Is there a css file somewhere? Do I add something to my themes/backnblack/index.css? Do I buy someone a beer?
Title: Re: Tabbed Categories
Post by: NanoSector on August 06, 2014, 06:45:54 PM
Edit of Shame (Like Cone of Shame. Only an Edit): Guess who has two thumbs and absolutely no idea how to edit the tabs to match my theme?
THIS GAL!  :laugh: Is there a css file somewhere? Do I add something to my themes/backnblack/index.css? Do I buy someone a beer?
You can override the style applied, the EasyTabs version in beta has style functionality built in.
Title: Re: Tabbed Categories
Post by: elf_fu on August 06, 2014, 06:57:43 PM
Edit of Shame (Like Cone of Shame. Only an Edit): Guess who has two thumbs and absolutely no idea how to edit the tabs to match my theme?
THIS GAL! <$1alt="" title="" onresizestart="return false;" id="smiley__$2" style="padding: 0 3px 0 3px;" /> Is there a css file somewhere? Do I add something to my themes/backnblack/index.css? Do I buy someone a beer?
You can override the style applied, the EasyTabs version in beta has style functionality built in.

I tried using Firebug/Inspect element to figure out what class the tabs/border might be. To override them, would I basically place the (Horrible example, let's pretend these are real classes I found):
{
.awesometabsul, .wtfamidoingtabs,
stuff-color: #here;
}
At the bottom of my theme's index.css to start styling them? Do I copy instead, the css from ui.css it's linked to and start fiddling with that?

Would using EasyTabs version mean an unintall of the work you so wonderfully provided and a start over?

Am I annoying you yet? <3

Sorry for all of the beginner questions. I'm literally smashing my face into code I don't know anything about and trying to figure out whether I make a melody or a mess. Thank you again!
Title: Re: Tabbed Categories
Post by: NanoSector on August 06, 2014, 07:09:44 PM
Edit of Shame (Like Cone of Shame. Only an Edit): Guess who has two thumbs and absolutely no idea how to edit the tabs to match my theme?
THIS GAL! <$1alt="" title="" onresizestart="return false;" id="smiley__$2" style="padding: 0 3px 0 3px;" /> Is there a css file somewhere? Do I add something to my themes/backnblack/index.css? Do I buy someone a beer?
You can override the style applied, the EasyTabs version in beta has style functionality built in.

I tried using Firebug/Inspect element to figure out what class the tabs/border might be. To override them, would I basically place the (Horrible example, let's pretend these are real classes I found):
{
.awesometabsul, .wtfamidoingtabs,
stuff-color: #here;
}
At the bottom of my theme's index.css to start styling them? Do I copy instead, the css from ui.css it's linked to and start fiddling with that?
In BoardIndex.php I added a small snippet of CSS to make your font readable, you can add your code there. Note that that's applied in all themes, but if your members only see the black theme that shouldn't matter. :)

Quote
Would using EasyTabs version mean an unintall of the work you so wonderfully provided and a start over?
Unfortunately, yes.

Quote
Am I annoying you yet? <3
It's difficult to annoy me. :)

Quote
Sorry for all of the beginner questions. I'm literally smashing my face into code I don't know anything about and trying to figure out whether I make a melody or a mess. Thank you again!
Much like this?
(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fi492.photobucket.com%2Falbums%2Frr284%2Famri_saputra%2Fangry_at_computer_thumb.gif&hash=d9966bccf7fb2f6da03bb457de16c719)
Title: Re: Tabbed Categories
Post by: elf_fu on August 06, 2014, 07:35:57 PM
That .gif pretty much sums up everything about me when it comes to lrning 2 SMF, yes. Well, as we already know how well I could handle the installation of your original mod, Nano, so I believe I will have to follow your advice and break start finding that bit of css and experimenting.

Thank you for telling me where to look and how to start! And the LOLs!
Title: Re: Tabbed Categories
Post by: Phil De Quincy on August 06, 2014, 09:18:19 PM
I might make a more flexible paid option, just no idea what to put into it except styles.

Neat idea.
Title: Re: Tabbed Categories
Post by: NanoSector on August 12, 2014, 04:17:03 PM
EasyTabs version pulled, I'll be making that a paid option with more flexibility. :)
Title: Re: Tabbed Categories
Post by: SaltedWeb on August 12, 2014, 05:27:07 PM
Cool, what kinda options ??
Title: Re: Tabbed Categories
Post by: NanoSector on August 12, 2014, 06:37:01 PM
Pretty much...

- Tabs on side
- Tabs on bottom
- Full control over the tabs, including:
* Animations
* Animation type
* Animation speed
* Default tab
- Previous/next buttons

- Management of styles on a per-theme basis
- Easy uploading of new styles
Title: Re: Tabbed Categories
Post by: SaltedWeb on August 12, 2014, 07:01:18 PM
Nice, i like the one now, but sounds interesting I have made real good use of the other.
Sounds cool.
Title: Re: Tabbed Categories
Post by: elf_fu on August 13, 2014, 01:53:40 PM
Pretty much...

- Tabs on side
- Tabs on bottom
- Full control over the tabs, including:
* Animations
* Animation type
* Animation speed
* Default tab
- Previous/next buttons

- Management of styles on a per-theme basis
- Easy uploading of new styles

Insert .gif of excited corgis wiggling.
Title: Re: Tabbed Categories
Post by: NanoSector on August 13, 2014, 02:09:18 PM
Pretty much...

- Tabs on side
- Tabs on bottom
- Full control over the tabs, including:
* Animations
* Animation type
* Animation speed
* Default tab
- Previous/next buttons

- Management of styles on a per-theme basis
- Easy uploading of new styles

Insert .gif of excited corgis wiggling.
/me adds icons for tabs on his idea list
Title: Re: Tabbed Categories
Post by: SaltedWeb on August 13, 2014, 05:47:02 PM
So will this upgrade the old, or be a full install ?
Title: Re: Tabbed Categories
Post by: NanoSector on August 13, 2014, 05:48:57 PM
So will this upgrade the old, or be a full install ?
I'll have a lite version which essentially is the version you can download now, which provides the essential core functionality. It'll be good enough for the majority of users.
The pro version will be available for the users that want more out of the mod :)
Title: Re: Tabbed Categories
Post by: ahbaay on August 24, 2014, 09:04:47 PM
Hi i download this link "http://custom.simplemachines.org/mods/index.php?mod=3720" tabbed categories mod.

and setup.. All tests were successful.. No problem..

But after setup the forum page it looks like in the picture. (adsiz2.png)

Please help me..

And after Easy tabs setup
Forum screen in attachment (easy.png)

PLease help...
Title: Re: Tabbed Categories
Post by: Kindred on August 24, 2014, 09:15:54 PM
Looks like the CSS changes did not get applied to your custom theme....
Title: Re: Tabbed Categories
Post by: ahbaay on August 24, 2014, 10:46:13 PM
No i have problem FANCYBOX4SMF mod.. Now it's great..
But now i have problem this pic.
Title: Re: Tabbed Categories
Post by: SaltedWeb on August 25, 2014, 12:57:40 AM
At install was the box checked for your theme?

Title: Re: Tabbed Categories
Post by: ahbaay on August 25, 2014, 01:16:09 AM
Yes all installed.. all test ok.. But i have this problem default and my theme. If I have not setup my theme, why make it look login?

Edit:I found the problem. Due to the ADKLogin mod

Title: Re: Tabbed Categories
Post by: luuuciano on August 25, 2014, 07:02:54 AM
jquery conflicts?
Title: Re: Tabbed Categories
Post by: Hj Ahmad Rasyid Hj Ismail on August 25, 2014, 07:51:18 AM
May be. The latest update check if the jquery already loaded, then it won't be loaded again. But if jquery is already loaded, it should work IMO.
Title: Re: Tabbed Categories
Post by: luuuciano on August 25, 2014, 09:33:55 AM
Sometimes you have to change things using jQuery.noConflict
Title: Re: Tabbed Categories
Post by: Hj Ahmad Rasyid Hj Ismail on August 25, 2014, 09:51:16 AM
Actually, I am thinking, might as well we add jquery into SMF so every mod that needs it won't have to worry about calling it from outside as it is already available from the inside. They will just need to implement their mod accordingly. That this is from a point of view of me who doesn't really know or understand it or SMF very well to advise this. Just thinking about it out loud. That's all.
Title: Re: Tabbed Categories
Post by: NanoSector on August 25, 2014, 10:55:59 AM
Actually, I am thinking, might as well we add jquery into SMF so every mod that needs it won't have to worry about calling it from outside as it is already available from the inside. They will just need to implement their mod accordingly. That this is from a point of view of me who doesn't really know or understand it or SMF very well to advise this. Just thinking about it out loud. That's all.
Psst, SMF 2.1 has jQuery built in.
Title: Re: Tabbed Categories
Post by: Hj Ahmad Rasyid Hj Ismail on August 25, 2014, 10:56:49 AM
Hahaha... Lols. I know...
Title: Re: Tabbed Categories
Post by: MaryLouW on September 10, 2014, 09:00:10 PM
I just found this neat little mod and installed it.  I like it!!  Not sure yet if my users will, they're not very receptive to changes.  I do have a question though.

How can I change the background and text to different colors?  :) The existing colors look very bland on my forum.
Title: Re: Tabbed Categories
Post by: NanoSector on September 11, 2014, 05:57:32 AM
Hi MaryLouW, glad you like it! :)

What background and text do you mean?
Title: Re: Tabbed Categories
Post by: MaryLouW on September 11, 2014, 03:41:55 PM
The background color of the tab and text on the tabs.  In addition to that, I would love rounded tabs so they fit the style of my forum.
Title: Re: Tabbed Categories
Post by: NanoSector on September 12, 2014, 04:01:51 PM
Excuse my late reply, just saw your reply here. :-\

in /Sources/BoardIndex.php, find:
Code: [Select]
$(".ui-widget-header").addClass("catbg").removeClass("ui-widget-header");
Replace:
Code: [Select]
$(".ui-widget-header").addClass("tc_tabs").removeClass("ui-widget-header");
Then at the end of your theme's index.css (usually themes/{themename}/css/index.css) add:

Code: [Select]
.tc_tabs
{
/* Custom CSS rules to apply colours, etc. */
}

You can use a tool like this:
http://www.colorpicker.com/
to pick some colours and post back which colour you want where, then I can write up some CSS rules for you. :)
Title: Re: Tabbed Categories
Post by: MaryLouW on September 12, 2014, 06:20:45 PM
Thank you for the response!!  Unfortunately, my users voted it down.  Personally, I liked the tabs - made it quick to get from one place to the next but I got a negative reaction from my users.  Sadly, I had to revert back.   If you don't keep the users happy, you don't have a forum for very long.  Thank you again.
Title: Re: Tabbed Categories
Post by: NanoSector on September 12, 2014, 06:28:41 PM
Oh, that's sorry to hear. :(
Thank you for trying, anyway!
Title: Re: Tabbed Categories
Post by: Steve on September 12, 2014, 10:02:53 PM
Thank you for the response!!  Unfortunately, my users voted it down.  Personally, I liked the tabs - made it quick to get from one place to the next but I got a negative reaction from my users.  Sadly, I had to revert back.   If you don't keep the users happy, you don't have a forum for very long.  Thank you again.

Know what you mean. My group voted it down as well. It's too radical a change for an established board but for a new one, this would be great. In fact ... I'm mulling over starting a second board and if I do it will definitely have this. :)
Title: Re: Tabbed Categories
Post by: MaryLouW on September 13, 2014, 12:43:51 AM
That's true, and I've had my forum since 1999 and still a lot of the old people. We're all on the senior side and it's really hard to get any of them to let me change anything!  They don't notice some of the subtle little things though.  When I upgraded from 1.8 to 2.8, it was virtually a new forum and there were lots of little complaints because we didn't have the things we had before.  I'm slowly getting them back.

Starting a totally new board with the tabs is the way to go.. it's different and very classy although I would want rounded corners on the tabs.  Good luck if you take that route.
Title: Re: Tabbed Categories
Post by: Kindred on September 13, 2014, 01:28:37 AM
meh... my forum, my rules. :P

The users come to my sites because they like the content - they'll deal with whatever I choose to put in front of them for themes/displays...   LOL!
Title: Re: Tabbed Categories
Post by: Steve on September 13, 2014, 08:20:22 AM
That's because you're a brat. :P
Title: Re: Tabbed Categories
Post by: Arantor on September 13, 2014, 08:23:27 AM
Others would tell you firmly that this is *my* title.

On the one hand I see where the prevailing wind is coming from, on the other hand I sort of agree with Kindred.

Partly I think it depends mostly on how many boards/categories you have. If you have many, then yes, organisation makes a lot more sense. I could see this mod being useful on sm.org due to the many many boards there are here.

Don't forget though that 'resistance to change' is a very real thing. Users do not like change. Some users will go a very long way to avoiding change, even when the change will unquestionably benefit them, but the perceived cost of change outweighs the perceived benefits.

The way to deal with that in this case is likely to say 'we'll try it for a few weeks, see how it goes, and if it's a problem, we'll revert'.
Title: Re: Tabbed Categories
Post by: NanoSector on September 13, 2014, 08:43:01 AM
Shameless note to self: Best case scenario the mod allows users to set their preference on what "mode" to use.
Title: Re: Tabbed Categories
Post by: Steve on September 13, 2014, 08:46:13 AM
I'll agree with your first three points. :P

But in the 'small forum world' this will cause members to leave and it's nearly impossible to get them back and we small forum owners can't afford that.

Some users will go a very long way to avoiding change, even when the change will unquestionably benefit them, but the perceived cost of change outweighs the perceived benefits.

The way to deal with that in this case is likely to say 'we'll try it for a few weeks, see how it goes, and if it's a problem, we'll revert'.

And we should probably give Nano's thread back. ;)

Shameless note to self: Best case scenario the mod allows users to set their preference on what "mode" to use.

Wait a second. Is that an option or one you're contemplating or neither?
Title: Re: Tabbed Categories
Post by: NanoSector on September 13, 2014, 09:07:16 AM
Some users will go a very long way to avoiding change, even when the change will unquestionably benefit them, but the perceived cost of change outweighs the perceived benefits.

The way to deal with that in this case is likely to say 'we'll try it for a few weeks, see how it goes, and if it's a problem, we'll revert'.

And we should probably give Nano's thread back. ;)
I really don't mind, it only helps me find feedback on what works and what doesn't. :)

Quote
Shameless note to self: Best case scenario the mod allows users to set their preference on what "mode" to use.

Wait a second. Is that an option or one you're contemplating or neither?
It's not in here, but it might. Or it might not. :P
Title: Re: Tabbed Categories
Post by: Steve on September 13, 2014, 10:10:20 AM
Lol ... okay, works for me. :D
Title: Re: Tabbed Categories
Post by: MaryLouW on September 13, 2014, 01:33:42 PM
Letting the user have a choice of Tabbed or not is a great idea!  I could go for that!  :)

When it comes to change, as I said, we are all in the older age group and many of my users have been members for the last 15 or so years.  Change doesn't come easy to we older folk.  Most of my users, including myself,  are well past retirement age and are more interested in creating graphics.  So,  if they're not happy with a given change, I go with the flow.  We lose enough users to the grim reaper as it is. 

I'm easy to get along with so when the majority doesn't like something, we don't do it.  However, I do like to keep my SMF up to date and I love trying new mods.  I know if I mess up, the good folks here will help me make it right again.  :)

Thanks to everyone for being here for those of us who need a helping hand here and there, you are appreciated!!

Title: Re: Tabbed Categories
Post by: NanoSector on September 13, 2014, 03:18:14 PM
Thank you for your kind words :) Really appreciated!
Title: Re: Tabbed Categories
Post by: Jeff B on September 15, 2014, 11:34:33 AM
What would it take to create a hybrid of this? Where you have tabs on top, yet you don't hide any of the other parts of the index, or change the existng headings?  Our members have balked at this, however they like the idea of jumping down to a certain category when they need to. Our board index page is quite long, and sometimes its hard to find what you are looking for when you really want it.

Title: Re: Tabbed Categories
Post by: MaryLouW on September 15, 2014, 02:01:45 PM
What would it take to create a hybrid of this? Where you have tabs on top, yet you don't hide any of the other parts of the index, or change the existng headings?  Our members have balked at this, however they like the idea of jumping down to a certain category when they need to. Our board index page is quite long, and sometimes its hard to find what you are looking for when you really want it.

That sounds like a super idea!  I think my users would go for that... they can do as they always have or quickly go to where they want to go without having to scroll through a lengthy index page.   Would also be nice if users could turn it off if they don't want to see it.
Title: Re: Tabbed Categories
Post by: NanoSector on September 15, 2014, 02:54:41 PM
Hmm now that's an idea... added to my to-do list :)
Though from the looks of it now I really do not have time to update this or any other mod. School eats up time like crazy.
Title: Re: Tabbed Categories
Post by: MaryLouW on September 15, 2014, 03:03:36 PM
Well, I guess you can have a pass on this.  It's so important to get a good education, especially in these times.   There are so many people in the world and the job market is slim so only the top notch people get hired.  You've got a few years to go before you have to worry about a job but in the meantime, get the best education you can.  It will pay off in the end and we can live without tabs. :)
Title: Re: Tabbed Categories
Post by: Jeff B on September 17, 2014, 08:13:40 PM
That's okay, we'll just remind you the next time you get a break. ;) :)
Title: Re: Tabbed Categories
Post by: vkash13 on October 26, 2014, 11:10:03 PM
Hi, I am getting failed test messages when I am trying to install this mod. My boardindex.template.php is attached. could you please help me out? thanks!
Title: Re: Tabbed Categories
Post by: SaltedWeb on October 27, 2014, 01:39:59 AM
Can you provide SMF version and any mods you have installed ?
Title: Re: Tabbed Categories
Post by: NanoSector on October 27, 2014, 02:17:43 AM
And also which tests did fail?
Title: Re: Tabbed Categories
Post by: vkash13 on October 27, 2014, 01:19:07 PM
Hi, I have SMF 2.0.9.

Attached is a list of mods and the tests which failed. The template.php file that I attached earlier is for the Chalk theme. Please let me know if anything else is needed.
Title: Re: Tabbed Categories
Post by: vkash13 on October 28, 2014, 06:53:02 PM
can anyone help please?
Title: Re: Tabbed Categories
Post by: NanoSector on October 29, 2014, 03:14:13 AM
Sorry I haven't really had time to look at this yet,I'll try to fix something up today.
Title: Re: Tabbed Categories
Post by: vkash13 on October 29, 2014, 01:57:12 PM
Sorry I haven't really had time to look at this yet,I'll try to fix something up today.

sounds great. thanks
Title: Re: Tabbed Categories
Post by: NanoSector on October 29, 2014, 04:37:12 PM
Try this one. Sorry for not replying earlier.
Title: Re: Tabbed Categories
Post by: vkash13 on October 29, 2014, 04:47:20 PM
hi thanks for your reply. unfortunately, im still getting the same failed tests when i try to install the mod. however, now even without the mod, my categories are appearing differently. please see attachment
Title: Re: Tabbed Categories
Post by: NanoSector on October 29, 2014, 04:48:43 PM
Yeah, you should continue installing the mod, ignoring the errors as the edits have been made. Then it'll work fine :)
Title: Re: Tabbed Categories
Post by: vkash13 on October 29, 2014, 04:52:49 PM
Yeah, you should continue installing the mod, ignoring the errors as the edits have been made. Then it'll work fine :)

it worked! and its a beauty haha. but it doesnt go along with my theme anymore. is this normal?
Title: Re: Tabbed Categories
Post by: NanoSector on October 29, 2014, 05:04:08 PM
That's normal in the stock configuration. With the "latest" version, there is one global theme for the tabs applied in every smf theme.

Can you supply a link to your site, please?
Title: Re: Tabbed Categories
Post by: NanoSector on October 30, 2014, 11:39:35 AM
Took a peek at your site and, sorry to say, this is the best that this version can be skinned to suit your theme. The EasyTabs version is more skinnable (is that a word?) yet not ready for use and will probably be a paid mod as well.
Title: Re: Tabbed Categories
Post by: vkash13 on October 30, 2014, 03:07:37 PM
Thanks for your reply. If I hired someone to work on the mod, would they be able to fix it up for me?
Title: Re: Tabbed Categories
Post by: NanoSector on October 30, 2014, 03:31:45 PM
With enough force, everything can be shaped in the way you want :)
Title: Re: Tabbed Categories
Post by: vkash13 on October 30, 2014, 03:35:16 PM
With enough force, everything can be shaped in the way you want :)

That's what I like to hear :) Would you or anyone you know be able to help? Feel free to PM me
Title: Re: Tabbed Categories
Post by: NanoSector on October 31, 2014, 02:37:59 AM
Feel free to post a topic here:
http://www.simplemachines.org/community/index.php?board=50.0

I'm very short in time lately, so I unfortunately can't help you out.
Title: Re: Tabbed Categories
Post by: vkash13 on October 31, 2014, 04:57:13 PM
Feel free to post a topic here:
http://www.simplemachines.org/community/index.php?board=50.0

I'm very short in time lately, so I unfortunately can't help you out.

Posted. Thanks
Title: Re: Tabbed Categories
Post by: 420Connect.co.uk on December 13, 2014, 07:58:15 AM
Also getting test failed in both custom and default themes..

SMF 2.0.9

It's this part it's failing on:

Code: [Select]
echo '
<div id="boardindex_table">
<table class="table_list">';

/* Each category in categories is made up of:
id, href, link, name, is_collapsed (is it collapsed?), can_collapse (is it okay if it is?),
new (is it new?), collapse_href (href to collapse/expand), collapse_image (up/down image),
and boards. (see below.) */
foreach ($context['categories'] as $category)
{
// If theres no parent boards we can see, avoid showing an empty category (unless its collapsed)
if (empty($category['boards']) && !$category['is_collapsed'])
continue;

echo '
<tbody class="header" id="category_', $category['id'], '">
<tr>
<td colspan="4">
<div class="cat_bar">
<h3 class="catbg">';

// If this category even can collapse, show a link to collapse it.
if ($category['can_collapse'])
echo '
<a class="collapse" href="', $category['collapse_href'], '">', $category['collapse_image'], '</a>';

if (!$context['user']['is_guest'] && !empty($category['show_unread']))
echo '
<a class="unreadlink" href="', $scripturl, '?action=unread;c=', $category['id'], '">', $txt['view_unread_category'], '</a>';

echo '
', $category['link'], '
</h3>
</div>
</td>
</tr>
</tbody>';

// Assuming the category hasn't been collapsed...
if (!$category['is_collapsed'])
{

echo '

Also after reading the theme compatability:
Will it look okay here? www.420connect.info

Thank you!
Title: Re: Tabbed Categories
Post by: NanoSector on December 14, 2014, 03:59:01 PM
Hi 420connect.info,

Sorry for my late reply. To answer both questions:

Perhaps you have mods installed that alter the board index in some way this mod doesn't like. I'll take a look tomorrow.

I can't tell if the mod will look okay in your theme on your site by looking at it :) After you've got the patched files tomorrow, you can tell. Though if your theme uses standard coding it should look at least decent.
Title: Re: Tabbed Categories
Post by: 420Connect.co.uk on December 15, 2014, 03:59:33 PM
Not to worry, thank you very much in advance and I look forward to seeing the result! :)
Title: Re: Tabbed Categories
Post by: NanoSector on December 15, 2014, 04:26:11 PM
Sorry I haven't been able to get to it with the downtime of today, I promise I'll look into it tomorrow. :)
Title: Re: Tabbed Categories
Post by: NanoSector on December 16, 2014, 11:19:57 AM
Try these on.
Title: Re: Tabbed Categories
Post by: 420Connect.co.uk on December 17, 2014, 04:10:36 AM
Thank you very much for the help however I think the theme I'm using is quite modified from the original, so it doesn't work great for me.. :(
Title: Re: Tabbed Categories
Post by: MyTime on February 01, 2015, 08:49:00 PM
Hey i'm sorry, i'm having some trouble figuring out what exactly this mod does.
Does it give you the ability to create categories for topics inside of boards?
Thank you for your time
Title: Re: Tabbed Categories
Post by: Kindred on February 01, 2015, 09:51:07 PM
No.

It makes the categories into tabs instead of the list...

See askawitchcommunity.org
Title: Re: Tabbed Categories
Post by: 420Connect.co.uk on February 02, 2015, 07:52:36 AM
Hey Nano,

I Had another go at getting this installed successfully but unfortunately I was getting the same errors as my previous post so decided to install it manually..

I've only tried it on the /default/ theme so far but still get the issue I had previously and noticed a few others got too:

(https://www.simplemachines.org/community/proxy.php?request=http%3A%2F%2Fi.snag.gy%2FCAKUV.jpg&hash=4baeddb3a4c8723ec3534b52b8197a59)

I do have quite an array of mods installed, so it is probably one of them causing the issues..
Code: [Select]
1. Topic Solved 1.1.1 [ Uninstall ]
2. Move Right BBCode 1.5 [ Uninstall ]
3. Alternate User Posting 1.0.1 [ Uninstall ]
4. SMFPacks Popup Pro Mod 1.0 [ Uninstall ]
5. Levertine Gallery 1.1.1 [ Uninstall ]
6. Arantor CAPTCHA 1.0.8 [ Uninstall ]
7. Signature Area BBCode Buttons 2.0.3 [ Uninstall ]
8. E-Arcade 3.0 [ Uninstall ]
9. 6 Custom buttons / tabs with Sub Menus (4) 0.5 [ Uninstall ]
10. Favourite (Favorite) Boards 1.2 [ Uninstall ]
11. Social Login 3.1 [ Uninstall ]
12. Tapatalk SMF 2.0 Plugin 4.2.1 [ Uninstall ]
13. Separate the sticky topics 1.0.0 [ Uninstall ]
14. PDF Tag 1.2 [ Uninstall ]
15. ICAP: Info Center Access Permission 1.0.0 [ Uninstall ]
16. Say Thanks 1.1.2 [ Uninstall ]
17. QRR: Quick Reply Reposition 1.1.2 [ Uninstall ]
18. WYSIWYG Quick Reply 2.3 [ Uninstall ]
19. Project Snow 1.2 1.2 [ Uninstall ]
20. Simple Menu Icons 1.0 [ Uninstall ]
21. Misc Anti Spam 1.0 [ Uninstall ]
22. RIAST: Remove Index & Add Smart Title 1.3.0 [ Uninstall ]
23. SMF Trader System 1.7 [ Uninstall ]
24. Spoiler BBCode 1.1.3 [ Uninstall ]
25. More Spiders 1.2 [ Uninstall ]
26. Search Focus Dropdown 1.6.1 [ Uninstall ]
27. Send Locked Topics To Bottom 1.0 [ Uninstall ]
28. Related Topics 1.401 [ Uninstall ]
29. Invitation Message In Your Face (IMIYF) 0.3.2 [ Uninstall ]
30. URL Popup 1.0.2 [ Uninstall ]
31. Scrolling Buttons 0.3 [ Uninstall ]
32. SimpleAds 1.0.1 [ Uninstall ]
33. ENotify 2.0.2 [ Uninstall ]
34. Internal Links Use Same Window 1.2 [ Uninstall ]
35. Socialize 1.8 [ Uninstall ]
36. Joinable Groups 1.0 [ Uninstall ]
37. Enhanced PM System 2.6 [ Uninstall ]
38. Custom BBCodes Manager 1.4 [ Uninstall ]
39. Registered Links 3.0 [ Uninstall ]
40. Highslide Image Viewer 1.7 [ Uninstall ]
41. Better Profile Menu 1.7 [ Uninstall ]
42. Hide Membergroup Titles 1.0 [ Uninstall ]
43. New Some/New None 1.3 [ Uninstall ]
44. Ultimate Profile 0.9.1 [ Uninstall ]
45. Country Flags 2.1 [ Uninstall ]
46. NiceTooltips 1.9 [ Uninstall ]
47. Badge Awards 1.0.15 [ Uninstall ]
48. Additional Membergroups on Profile 1.2 [ Uninstall ]
49. AdditionalMembergroups 1.04 [ Uninstall ]
50. SMFPacks Shoutbox Pro 1.0.8 [ Uninstall ]
51. Remove Help From Menu 1.0 [ Uninstall ]
52. Stop Forum Spam 1.0 [ Uninstall ]
53. Bad Behavior mod 1.5.18 [ Uninstall ]
54. SimplePortal 2.3.6 [ Uninstall ]
55. Referrals System 3.1 [ Uninstall ]
56. Default Avatar 2.3 [ Uninstall ]
57. Images On Board 3.0 [ Uninstall ]
58. Multiple Stars V2 [ Uninstall ]
59. Drafts 2.0.5 [ Uninstall ]
60. Tagging System 3.0 [ Uninstall ]
61. LUP: Logout Under Profile 1.0.0 [ Uninstall ]
62. @mention members 1.1.2 [ Uninstall ]
63. Ad Managment

Attached are my boardindex files again if you wouldn't mind having another look when you get a chance.

Many thanks!
Title: Re: Tabbed Categories
Post by: Kindred on February 02, 2015, 08:00:01 AM
your problem is related to files not being completely loaded...   javascript and CSS, I imagine...
Title: Re: Tabbed Categories
Post by: 420Connect.co.uk on February 02, 2015, 08:20:38 AM
your problem is related to files not being completely loaded...   javascript and CSS, I imagine...

Thank you for the advice Kindred.
(This possibly explains other mini-issues, I've experienced..)

Could I twist your arm to have a peek at the coding when you've got a minute or so?
..It's like looking at a foreign dictionary for me :P

Much appreciated
Title: Re: Tabbed Categories
Post by: NanoSector on February 18, 2015, 10:15:30 AM
Do you still have issues with the mod 420connect?

Sorry for not replying earlier, have you checked the developer console (usually F12) for any errors? If it looks like that it usually means a jQuery conflict caused by a clash between this mod and another mod.
Title: Re: Tabbed Categories
Post by: 420Connect.co.uk on February 18, 2015, 10:25:28 AM
I don't have it 'active' at the moment but I'm still interested in using it, yes.

- As I said in my previous post and pointed out by Kindred, I believe a few of my issues (not just this one) are caused by conflicting jqueries..

I attempted to add in a code I found somewhere but it had no affect to my knowledge so soon removed it again, something like:

Code: [Select]
jQuery.noconflict;
I probably put this in the wrong place too and might have to apply it to a few files?
 I really don't know but I'm happy to upload any files if you wouldn't mind applying the 'no-conflict-script' to see if that helps?


& Thanks again for the reply! :D
Title: Re: Tabbed Categories
Post by: NanoSector on February 18, 2015, 10:33:31 AM
If you could attach your Sources/BoardIndex.php file here I can take a look :)

ETA: Additionally, uninstall the mod completely and install attached package, tell me if that works.
Title: Re: Tabbed Categories
Post by: 420Connect.co.uk on February 18, 2015, 10:59:59 AM
If you could attach your Sources/BoardIndex.php file here I can take a look :)

ETA: Additionally, uninstall the mod completely and install attached package, tell me if that works.

When I try to install - I get this failure:

Code: (find) [Select]
echo '
</tbody>';
}
echo '
<tbody class="divider">
<tr>
<td colspan="4"></td>
</tr>
</tbody>';
}
echo '
</table>
</div>';

Code: (replace) [Select]
echo '
</tbody>
</table>
</div>';
}

echo '
</div>';

in BoardIndex.template.php

and BoardIndex.php attached :)

(Sorry for the delayed reply, I was making another thread :P)
Title: Re: Tabbed Categories
Post by: NanoSector on February 18, 2015, 11:03:31 AM
For that, I need your BoardIndex.template.php again, haha :P

If the BoardIndex.php edit reported success I won't need it, what I wanted to change is automatically applied.
Title: Re: Tabbed Categories
Post by: 420Connect.co.uk on February 18, 2015, 11:05:36 AM
(One is from default)
(One is based on the 'Apple' theme by Bryan)
Title: Re: Tabbed Categories
Post by: NanoSector on February 18, 2015, 11:27:55 AM
Let me know if these work. Replace the files, then install the mod ignoring any errors on BoardIndex.template.php.
Title: Re: Tabbed Categories
Post by: 420Connect.co.uk on February 18, 2015, 11:34:32 AM
wow, I wish I took a screenshot..

Whatever happened in that change somehow threw all my css / theme weird and formatted strangely :S
Title: Re: Tabbed Categories
Post by: NanoSector on February 18, 2015, 11:43:32 AM
I'll take a look in a while, made a reminder :)
Title: Re: Tabbed Categories
Post by: 420Connect.co.uk on February 18, 2015, 11:55:00 AM
Thanks Nano!

I can PM you admin access if it's easier?
Title: Re: Tabbed Categories
Post by: NanoSector on February 18, 2015, 01:23:17 PM
Try these:

Title: Re: Tabbed Categories
Post by: 420Connect.co.uk on February 18, 2015, 02:30:56 PM
replacing the one ending (7) is 'default' and (8) is 'apple'

(7) seemed to replace without issues but (8) threw it off again :(
Title: Re: Tabbed Categories
Post by: NanoSector on February 18, 2015, 02:33:36 PM
Can you apply (8 ) on a site somewhere so I can take a look?

ETA: Found it. Try (8 ) now. (You can also really delete the BoardIndex.template.php in the Apple theme - it's the same as the default.)
Title: Re: Tabbed Categories
Post by: 420Connect.co.uk on February 18, 2015, 02:56:51 PM
I tried having just the one boardindex but that brought up an error..

I tried on that latest one that was an error that said something about a the last line
(it suggested trying the default theme - so I did)

which produced this error:
Fatal error: Call to undefined function noConflict() in /public_html/forum/Sources/Load.php(2463) : eval()'d code on line 205

if this helps narrow anything down?

I've also got margarett offering to help out with my monster of an error log but I'll see what we dig up and report back!
Title: Re: Tabbed Categories
Post by: NanoSector on February 18, 2015, 07:15:12 PM
Can you disable evaluation of templates in the ACP and post the error again?
Title: Re: Tabbed Categories
Post by: Looking on May 02, 2017, 01:53:50 PM
This is a good mod to conserve space but one problem: If the user hid a category prior to this mod then when the mod is enabled there is no way for them to see the hidden category again. Is that correct?
Title: Re: Tabbed Categories
Post by: confuseamuse on July 29, 2017, 01:24:01 PM
Are you still allowing uploads of BoardIndex to modify the mod? I can't seem to get the tabs to appear, and the categories appear as bullet points in a list.