write a reply

tabbed categories... tabbed forums? (how do you do this?)

the chalk prince
aliasmerlin
pronounsthey / them
930written posts
citrinitasearned bits
onlinecurrently
citrinitas
Part of the Furniture
citrinitas Avatar
i still fall for you like suns do for skies.
i'm pretty sure the title says it all, but i'm also unsure if that is actually what i'm asking for. i have seen it done on plenty of sites in the past two-ish years or so, and while i have figured out a way to do it, i'm not sure my method is the most stable way of doing it.

the general idea is that one category has multiple forums, such as a locations category for a rp site. only one forum displays because a tab is automatically checked and by clicking the other tabs, you can cycle through different forums, all in the same category. (such as going from the north end of a city's forum to the south end of the city.) like i said i've figured out a way of doing this, i use css tabs for it and i'm not exactly keen on using scripts in order to generate tabs as i prefer the comfort of css tabs over anything else.

i just don't think the way i do it is the most safe way of doing it, you know? so i'm finally beating my pride back and asking for help, to try and find someone who may know a way of doing it.

if i can't achieve this via css tabs, i am totally open to learning other ways btw!
last edit on Apr 28, 2024 16:53:29 GMT by citrinitas
stultifera navis
aliasnines
pronounsshe/her
540written posts
ninelieearned bits
offlinecurrently
ninelie
Part of the Furniture
ninelie Avatar
VOLITION [Medium: Success]
(I'm going to assume that this is for Jcink, so...)

Using CSS-only tabs is certainly possible with careful usage of hiding and displaying elements using Jcink's Category ID and Forum ID variables. This is because you must make a separate category style to wrap the forum rows you want to be tabbed, and to prevent it from being repeated (remember, CSS tabs require unique IDs) you'll need to add the <!-- |cat_id| --> variable into the input and label IDs to make it tab properly.

All in all, I definitely would say using JS is the much more elegant (and probably preferred) solution but I'm monke brain over Javascript/JQuery and I can only say that confidently in theory, not so much in practice.
the chalk prince
aliasmerlin
pronounsthey / them
930written posts
citrinitasearned bits
onlinecurrently
citrinitas
Part of the Furniture
citrinitas Avatar
i still fall for you like suns do for skies.
ninelie Avatar
(I'm going to assume that this is for Jcink, so...)

Using CSS-only tabs is certainly possible with careful usage of hiding and displaying elements using Jcink's Category ID and Forum ID variables. This is because you must make a separate category style to wrap the forum rows you want to be tabbed, and to prevent it from being repeated (remember, CSS tabs require unique IDs) you'll need to add the <!-- |cat_id| --> variable into the input and label IDs to make it tab properly.

All in all, I definitely would say using JS is the much more elegant (and probably preferred) solution but I'm monke brain over Javascript/JQuery and I can only say that confidently in theory, not so much in practice.

OHHHH i never thought about hiding them based on what category, actually. that sounds a lot easier than how i've been doing it anyway haha

thanks for the answer!!