No Tabs

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.

<style>
.jl_magic_tabs_divider.jl_magic_tabs_main_s1{
    min-height:400px;
}
</style>

Additional Pages

Magic Tabs documentation

Getting Started
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…
Read more...
Advanced Settings
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…
Read more...
Tabs with Layouts and Containers
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…
Read more...
Accordions
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.
Read more...
Global Settings
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…
Read more...
Jump and Linking to Specific Tabs
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.
Read more...
Auto Play
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…
Read more...
Splitting a Form into Tabs
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,…
Read more...
Form to Magic Tabs block details
Details of how the Form to Magic Tabs block is used to split a form into tabs.
Read more...
Splitting a Page List to an Accordion
Details of how the Form to Magic Tabs block is used to split a a page list into an accordion or tabs
Read more...
Tabs and AJAX
AJAX loading sets of tabs and AJAX loading content within a tab.
Read more...
No Tabs
Magic tabs without the tabs!
Read more...
Developing Tab Templates
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.
Read more...
Problem Solving
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.
Read more...
Developer Interfaces
Magic Tabs provides JavaScript events and a php interface for developers to integrate to tabs.
Read more...
Version History
Version history for Magic Tabs.
Read more...