layout_builder_dynamic_tabs
Provides a new custom layout to use as a section within layout builder. Each region of this layout is displayed as a tab in a tab set, tab switching will reveal content of each region. Each tab can contain an unlimited amount of blocks. The amount of tabs is unrestricted as regions are created dynamically via layout settings form.
Features
- Each tab supports placing of multiple blocks
- Unrestricted amount of tabs in section
- Tabs section is accessible via keyboard
- Pure JS, no jQuery
Features not ready yet
- Add transforming to accordion on mobile screens
- On layout builder page the selected tab currently switches back to the 1st one after placing a block, which can be inconvenient.
- Maybe there is a need to provide a basic styling to fix the section layout-jump on tab switching (via flexbox).
Post-Installation
After installing the module go to a layout edit page, add a new section with "dynamic tabs" layout. Configure section settings adding tabs and a label for each tab, then save and place some blocks in each tab, the tab switcher will appear in the top of the section in layout builder.
Similar modules
The main advantage of the module is that it's quite flexible: number of the tabs and content blocks in each tab is unlimited.
Also Twig-templates for the section and for the layout preview are separated, this allows to customize the tabs section just via template overriding.