Search Query....

Search Results

Splitting a Form into Tabs

Break a form into tabs If all you want to do is break a form into tabs, the simplest structure of blocks on the page is: Magic Tabs block Form to Magic Tabs block The actual Form block, such as an Express Form block or Legacy Form block Magic Tabs End Nested form tabs within other tabs You could modify the previous structure to nest a tabbed form within another set of tabs
/addons/magic-tabs/splitting-form-tabs

Magic Tabs

Pages 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…
/addons/magic-tabs

Form to Magic Tabs block details

Page List - Form to Magic Tabs can also be used to split a page list into tabs! The documentation accordion on the right uses this…
/addons/magic-tabs/form-magic-tabs-block-details

No Tabs

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
/addons/magic-tabs/no-tabs

Splitting a Page List to an Accordion

Tabs works with the core Page List block and the following form blocks Page List - Form to Magic Tabs can also be used to split a page list into tabs! The documentation accordion on the right uses this…
/addons/magic-tabs/form-magic-tabs-block-details-1

Jump and Linking to Specific Tabs

…tab or set can be set to any of: Left empty, if there is only one set of tabs on the page or for the tabs containing the block or the first set of tabs on a page. The #id or class of the tab set, as seen in the wrapping element for the tab controls…
/addons/magic-tabs/jump-and-linking-specific-tabs

Tabs and Layouts

Layout based tab addons Tabs and layouts both add extra structure to the DOM. That is why some less advanced tab addons dating back to concrete5.4 began with layouts and made each layout cell into a tab
/addons/magic-tabs/tabs-and-layous

Developer Interfaces

JavaScript Events Magic Tabs will trigger the custom JavaScript events: 'jl_magic_tabs_ready' when tab initialisation is complete, triggered on the tab controls. 'jl_magic_tabs_change' when a tab or accordion control is clicked or changed (such as following Magic Tabs Jump), triggered on the tab controls…
/addons/magic-tabs/developer-interfaces

Auto Play

Target Tab Set A Magic Tabs Auto Play block can be placed anywhere on a page. tabs on a page, the Magic Tabs Auto Play block will automatically associate itself with that set of tabs and place its play/pause controls on that set of tabs
/addons/magic-tabs/auto-play

Getting Started

(The list below uses an Autonav block) While a Page Loads Magic Tabs transforms a page as it completes loading. For a large or complex page, this means you may briefly see content without the tabs while the page loads…
/addons/magic-tabs/getting-started

Search++

Searching on this site uses Search++, a highly enhanced search system for concrete5.

Have a play, enter some multi-word searches that you know would be defeated by the core page search and see how they are handled by Search++.

For example, the core search would find "Magic Tabs", but would return no results for any of:

Search++ handles full phrases and individual words, stemming, synonyms, abbreviations and acronyms, building a ranked search to list the best matches.

Watch a demonstration of Search++ on the August 2019 Town Hall screencast.

If you would like to add similar enhanced searching to your concrete5 site, contact me through my concrete5 profile.