No Tabs


What use is a Magic Tabs template without any tabs?

Read on and find out.....






[Play will be paused when the mouse pointer is over a tab body. Move the pointer away from this part of the page to begin play. ]

The no-tabs template is intended for use with the Magic Tabs Jump block to add buttons to navigate between tabs or with the Magic Tabs Autoplay block to automatically play through a set of tabs.

With this template, you can set up 'tab sets' with transitions to play a slide show and not actually have any tab controls showing. The controls are still there, just not visible on the page.

You are watching a Magic Tabs no-tabs template with autoplay now. 

Playing is automatically paused when you move the cursor over the body of a tab and resumes when you move the cursor off the tab body.

If you don't want the fully behind-the-schenes auto-play, you can configure the auto-play to have visible play/pause buttons.

You can also leave out the auto-play and add Magic Tabs jump blocks to add 'Next' and/or 'Previous' buttons, or simply add links to specific tabs.

As with any Magic Tabs set, you can include any block or stack within the tabs. Here we have an AutoNav list of Magic Tabs pages.

Block Design advanced settings have been used to break the list into css columns.

And here we have A YouTube video block within a tab. 

A snippet of CSS has been added to the page to equal the height of the tab bodies and hence prevent the page footer jagging up and down during transitions.


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 without the 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.