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

Magic Tabs

…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…

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. Forms in Forms to Magic Tabs also work nicely with ajaxed express forms, as provided by @mnakalay's AJAX forms Xpress, Light and Pro editions…

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

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…

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…

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

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…

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…


break a page or if in a gloabl area even break an entire site! This package provides a simple Safe template for the core HTML block. page to edit it, you can hack a configuration value in the file application/config/generated_overrides/safe_html.php and set 'panic' => true…


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 at