Search Query....

Search Results

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…

Magic Tabs

tabs Vertical tabs Accordions Responsive threshold, render as an accordion Animated transitions for tabs and accordions Icons in tab headings Automated tab headings Back button history Easy links to tabs from on page or off page Contextual links to tabs, First, Last, Previous, Next Split Forms and Page Lists into tabs Automated player, create automated slide shows and sliders out of tabs No Tabs - tabs without tab controls for building automated slide shows…

Form to Magic Tabs block details

How you got here There are two ways you cound have arrived at this page After sucessfully submitting the Example - Contact Form on Splitting a Form Into Tabs. If you got here through page navigation and have not previously read Splitting a Form into Tabs, it is recommended you read that page before reading further…

Jump and Linking to Specific Tabs

Jumping to Specific Tabs Edit Block > Action for the button = GoTo Edit Block > Label for the button, A text field where you can enter any label. 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 Edit Block > Action for the button = 'First' or 'Last'…

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

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

Tabs and AJAX

Layout within a 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…

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


Accordion Icons 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. Accordion Rendering a set of tabs as an accordion is governed by the edit dialog of the first Magic Tabs block in a set of tabs by setting Edit Block > Advanced > Accordion responsive threshold…


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.

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