Magic Tabs
What could be simpler than just inserting a block where you want to start a new tab? Just insertMagic Tabs between any other blocks and your page will magically split into tabs or accordions.
Magic Tabs is so simple, yet offers so much more:
- Any block or combination of blocks within a tab.
- Multiple sets of tabs within a page.
- Multiple sets of tabs within any area.
- Different templates for each set of tabs.
- Untabbed blocks above, below or between sets of tabs.
- Tab memory.
- Tooltips on tabs.
- Tabs within stacks and global areas.
- Nested tabs
- Vertical tabs
- Accordions
- Responsive threshold, render as an accordion
- Animated transitions for tabs and accordions
- Icons in tab headings
- Automated tab headings
- Back button history
- Easy links to tabs from on page or off page
- Contextual links to tabs, First, Last, Previous, Next
- Split Forms and Page Lists into tabs
- Automated player, create automated slide shows and sliders out of tabs
- Many different tab templates included.
- Easily add your own tab templates.
- Use themes from ButtonsFactoryPro in tab templates
- Integrate with your own JavaScript through events.
Magic Tabs are so easy to use, you can get started by simply adding Magic Tabs blocks onto a page where you want to start each tab. If you want to explore more advanced possibilities, work your way through the comprehensive documentation on these pages.
Documentation Pages
- Getting Started
- Advanced Settings
- Tabs and Layouts
- Accordions
- Global Settings
- Jump and Linking to Specific Tabs
- Auto Play
- Splitting a Form into Tabs
- Form to Magic Tabs block details
- Splitting a Page List to an Accordion
- Developing Tab Templates
- Problem Solving
- Developer Interfaces
Magic Tabs documentation
To help you get started with Magic Tabs, this Getting Started page is built as a series of Magic Tabs with content and other blocks between. You can…
To use Magic Tabs for a straight forward set of tabs, you only need enter a Tab Heading and save the edit dialog. Magic Tabs takes care of everything…
You can create a set of tabs wholly within a single layout cell. You can create a layout wholly within a tab. The important consideration is that the…
This set of Magic Tabs is configured to always show as an accordion. To read about how it is done, please click to open the first accordion tab.
Global settings can be edited directly from the Magic Tabs block edit dialog. These settings are global and will affect all Magic Tabs blocks on a…
Link within a page using the Magic Tabs Jump block or with an href. Link from other pages with a url ?tab=tab_name parameter.
The Magic Tabs Auto Play block automatically cycles through a set of Magic Tabs. With transitions you can turn a set of Magic Tabs into a simple slide…
The Form to Magic Tabs block can be used to break a form or page list into a series of tabs. It works with forms blocks from Express, Legacy Form,…
Details of how the Form to Magic Tabs block is used to split a form into tabs.
Details of how the Form to Magic Tabs block is used to split a a page list into an accordion or tabs
Magic Tabs comes with many example tab templates. For many sites, one of these will fit in with the site theme with no further modification.
If you start building a page with Magic Tabs and don't see the results you expect, here are some tips to help you solve any problems.
Magic Tabs provides JavaScript events and a php interface for developers to integrate to tabs. If you have the Buttons Factory Pro addon, you can use…