Form to Magic Tabs block details

… page After sucessfully submitting the Example - Contact Form on Splitting a Form Into Tabs. This page is set as the form response page. By navigating to this page through the usual page navigation. If you got here through page navigation and have not previously read Splitting a Form into Tabs,…

Magic Tabs

… Pages What could be simpler than just inserting a block where you want to start a new tab? Just insert Magic 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.

Problem Solving

Magic Tabs. Have a look through these pages for examples, ideas and detailed documentation. This Example This example uses a set of tabs with the Bootstrap 3 Themes only template with transitions set slide up/down at a 400ms speed. The Accordion responsive threshold is set to 10,000px so the tab

Getting Started

Magic Tabs, this Getting Started page and other Magic Tabs documentation pages are built as a series of Magic Tabs with content and other blocks between. You can see many more examples of what you can achieve with Magic Tabs throughout the Magic Tabs documentation. More Details There is much more you can do with Magic Tabs.

Developing Tab Templates

Custom Templates Magic Tabs comes with many example tab templates for traditional horizontal tab bars and for left and right vertical tabs. All of these also adapt for accordions. For many sites, one of these will fit in with the site theme with no further modification. Some of these templates…

Advanced Settings

Icons To use Magic Tabs for a straight forward set of tabs, you only need Add and Save the block without entering anything to the edit dialog. Magic Tabs takes care of everything else. Other tabs in the Edit Block introduce a range of advanced settings that can optionally be used to change tab

Jump and Linking to Specific Tabs

Tabs Edit Block > Action for the button = GoTo Edit Block > Label for the button, A text field where you can enter any label. Edit Block > Action for the button > Target tab or set can be set to any of: The #href in the tab control The text/label in the tab control Jumping to the First or Last tab

Splitting a Form into Tabs

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.

Tabs and AJAX

tab The example here is a set of 3 tabs. The first and last tab each contain regular content blocks. The second tab - this tab - contains a layout of 2 columns, and each column in the layout contains a further content block. General Principles Content about general principles Layout within a tab Content is a layout of 2 columns - Column 1 content - this column - Column 2 content - Gotchas Layout based tab addons Content about layout based tab

Example - AJAX

… get us started, we can ajax load the AJAX options from AJAX Tab of the Advanced documentation page so you can refaliarise with the options available. This uses a Page Area Content Source, with the blocks sliced to just the few we want from a moderately complex page once you consider the tabs.


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.

We also have  a page showing a more direct comparison at Search Comparison.

If you would like to add similar enhanced searching to your concrete5 site, please contact me and we can discuss your search requirements.