|
Written by Administrator
|
|
Sunday, 09 November 2008 20:28 |
The "Tabs & Slides (in content items)" Plugin gives you the ability to easily add content tabs and/or content slides within standard content items (articles). The tabs emulate a multi-page structure, while the slides emulate an accordion-like structure, inside a single page!
So, no need for your visitor to scroll through a large page or navigate between pages to read a "big" article!
See the "Tabs & Slides (in content items)" Plugin in action in our exclusive demo site HERE!
USAGE INSTRUCTIONS
Inserting "Tabs"
It is very easy to add tabs in your new content items or convert existing ones to a tabbed layout. Go to the items manager and start a new content item or edit an existing one. Start your first tab using the plugin string "{ tab=tab title here}" (without the quotes or spaces), write some text below that, then continue with the next tab using -again- the plugin string "{ tab=other tab title here}" (without the quotes or spaces), then write the second tab's text and so on. When you finish the text of your last tab, simply "close" them by adding the plugin string "{ /tabs}" (without the quotes or spaces).
Check out this example, it's what you would write in your content item (notice the code written in bold letters):
This is some text above the tabs
And some more text after the tabs! Inserting "Slides"
Go to the items manager and start a new content item or edit an existing one. Start your first slide using the plugin string "{ slide=slide title here}" (without the quotes or spaces), write some text below that, then "close" the slide by adding the plugin string "{ /slide}". We need to do that cause -unlike the tabs- slides are independent of each other. Continue with the next slide using -again- the plugin string "{ slide=other slide title here}" (without the quotes or spaces), then write the second slide's text, "close" it with the plugin string "{ /slide}", and so on.
Check out this example, it's what you would write in your article:
This is some text above the slides
And some more text after the slides! Inserting both "Tabs" and "Slides" in your content items
Additionally, you can mix tabs with slides in your content and vise versa. So you can have tabs that include content within slides or slides that include tabbed content!
TROUBLESHOOTING
If you insert tabs or slides in your content items and see them break apart on your website, try this: Check the page source and see if you can find any html tags that are not "properly closed" in your content, mainly any <p> tags. This might be a common issue when your content is not properly formatted -perhaps after copied from a Microsoft Word document- so the best thing when applying tabs/slides in your content is:
- Make sure your content is clean from any Word or other bad markup. Use Notepad as an intermediate clean up method when copy-pasting your documents to Joomla.
- Make sure that when you press "enter" in your content, the editor does not output a <p> tag, but a simple, plain, good ol' <br /> (break tag). In the editor's parameters, there is always such an option.
- Insert the "tabs" or "slides" plugin strings. If you still encounter layout inconsistencies or broken tabs or slides, then some html tag in your text is to blame for sure!
|
|
Last Updated on Sunday, 09 November 2008 21:31 |
Articles 
