Action Bar & Panels
The ThemeKit Toggle Action Taba Bar is used to launch any or all of the available slide in overlay panels.
The tab bar is inserted below a content item to add extra offscreen info that can slide in up, down or in from the left or right.
The tab bar can have a solid or two color gradient backgroubd. The SVG icons have controls for icon size, color, background color and for border with color and radius. In the example the border radius control is moved to the far right to make the icons round.
The tabs are added using checkboxes and have a field for the hover span info and for the corresponding panel's ID.
Panel types are …
- From one to three content panels with lots of options
- Lazy loading MP4 video with poster image and two file sizes
- Lazy loading YouTube Video
- Lazy loading Interactive Map
Panel Setup
The panels can be open for editing and then closed and dragged out of the way below the footer widget.
The overlay color and its opacity and the optional close tab icon color and background can be edited.
The video and map stages can have a border and/or a bottom box shadow for a more professioanl appearance.