Search++
Results
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.
/addons/magic-tabs
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,…
/addons/magic-tabs/form-magic-tabs-block-details
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…
/addons/magic-tabs/developing-tab-templates
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.
/addons/magic-tabs/splitting-form-tabs
No Tabs
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…
/addons/magic-tabs/no-tabs
Tabs and Layouts
… 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. Magic Tabs is more sophisticated than that and works by analyzing the DOM tree and injecting additional nodes to create the tabs.
/addons/magic-tabs/tabs-and-layouts
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…
/addons/magic-tabs/jump-and-linking-specific-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…
/addons/magic-tabs/tabs-and-ajax
Splitting a Page List to an Accordion
Form block compatibility Forms to Magic 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. Express - the default Form block provided with concrete5.…
/addons/magic-tabs/splitting-page-list-accordion
Auto Play
Magic Tabs Auto Play You can add a Magic Tabs Auto Play block to automatically cycle through a set of Magic Tabs and together with transitions turn a set of Magic Tabs into a simple slide show or slider. So you can see it all happening, this page is built as a set of Magic Tabs with autoplay. To…
/addons/magic-tabs/auto-play