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…
… 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…
… 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.
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.
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…
… 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…
… 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, it is recommended you read that page…
… 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.
… 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…
… 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.