Loading...
 
Skip to main content

Features / Usability


Adding tabs to wiki pages

posts: 31 United States

I have a group of six wiki pages. When one of these pages is loaded, I'd like to have tabs show up for the other five, across the top of the page. How can I do that? I'll be happy to add this to docs when it's answered.

TIA Dave

posts: 4664 Japan

Hi Dave,

If you have "use page title" turned on, then it seems there'd be a visual conflict since the page's title would be above the tabs row (assuming it's in the wiki text). If page title is turned off, then the tabs wouldn't be battling with it visually.

If the tabs are meant to be above the wikitext, then tiki-show_page would have to be edited. It'd be easiest to put the tabs in the wikitext.

Modern best procedure is generally to use an unordered list for menus, etc. and lay it out and style it with CSS. If you go this route, you could use the div plugin and give it a class that you'd define in the CSS. There are quite a few tutorials around on CSS tabs, such as A List Apart or SimpleBits (or Google for CSS tabs). (I didn't check but if the method requires a div with an id rather than class, then you might need a DIVID plugin.)

Then there's the question of how the tabs row will blend into the rest of the wiki page, since it'll have its own bottom border, but will be within the box of the wikitext. I guess the answer here depends on how the page is styled overall.

Edited: Just an afterthought — See this example of a similar procedure for rendering an unordered list of links as a suckerfish menu. For tabs, it'd be a matter of providing the CSS to produce them rather than dropdowns.

-- Gary


posts: 3665 United States

> I have a group of six wiki pages. When one of these pages is loaded, I'd like to have tabs show up for the other five, across the top of the page. How can I do that? I'll be happy to add this to docs when it's answered.
>
> TIA Dave
>


This might not be exactly what you're loking for, but I think it gets you the functionality you're after:

  1. Make a Category.
  2. Assign all six wiki pages to the cateogry.
  3. Use the Category Plugin on each of the six wiki pages.


Now, each wiki page will have a link to all pages in the category. You can experiment with the CSS to make the links look like tabs.

HTH,

-Rick
my Tiki Blog: Help, Hints, and Hacks