ThemeKit Toggle

Action Tabs & Panels

ThemeKit Basic Article

Toggle Action

The ThemeKit Toggle Action widgets create slide in panels open from the Action Tabs bar.
The bar can open up to six panels. The first three are for content followed by a responsive MP4 video, a lazy loading YouTube video and an interactive map.

Magic Genie
ContentSpecificationsVideoYouTubeInteractive Map

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.

EverWeb Widgets

200 W Clyde Street
Suite A,
Helensburgh
Scotland
G84 8AD

© EverWeb Widgets -

Menu