Sample Mobile Sidebar Widget

This is a sample widget published to the Sidebar Top position, using the "Sidebar" style. There is also a Sidebar Bottom position below the menu.

Sample Mobile Sidebar Widget

This is a sample widget published to the Sidebar Bottom position, using the "Sidebar" style. There is also a Sidebar Top position below the search.
S5 Tab Show
Meet Your Trainer

Amy Stoucher

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In suscipit varius turpis sit amet feugiat. Integer efficitur consectetur augue a accumsan. Donec tempus aliquam turpis, sed efficitur metus condimentum vitae. In elit urna, vehicula et tempor ut Benenatis vitae ipsum. Aenean in ultrices erat.

Aerobics 85%

Strength 70%

Boxing 95%

Meet Your Trainer

Mark Anders

Praesent in posuere lorem, nec fermentum dolor. Donec commodo odio ac metus hendrerit, eu porta mauris mollis. Cras metus nisl, volutpat at congue nec, finibus ac purus. Nulla congue quis ante sit amet lacinia. In volutpat scelerisque odio ut scelerisque. Aliquam id egestas eros. Praesent rhoncus.

Aerobics 70%

Strength 95%

Boxing 65%

S5 Tab Show

The S5 Tab Show will display up to 20 widgets in various styles within sliding tabs, and is compatible with responsive sites. Simply publish the S5 Tab Show widget to your desired widget position and pages. Then start publishing widgets to the positions in the Tab Show (S5 TabShow - Tab #1, S5 TabShow - Tab #2, etc); these widgets will become the slides. This is a great way to organize and showcase your site's content or images. Version 3 of this widget is incredibly powerful, below is a list of all of its features. A the bottom of this page you will see several examples of this widget in action.

NOTE - Several live examples of the S5 Tab Show are found at the bottom of this page.

  • Transitions are powered by CSS3, so no javascript conflicts
  • Optional custom classes
  • Up to 10 copies of the widget on the same pages; each individually controlled
  • Use up to 20 slides
  • Select on mouseover or on click for activation
  • Set the loation of the tabs or arrows
  • Center the tabs or arrows
  • Hide the tabs or arrows until mouseover
  • Force the tabs or arrows to be shown for tablets and mobile devices
  • Select your transition effect
  • Set your duration speed
  • Add extra padding in between slides or no padding at all
  • Optional button text for tabs
  • Optional images for tab buttons
  • Set a background color or image for each slide or the entire widget
  • Enter pre-text and post-text


Incline Theme Variations


Shape5 themes often stylize widgets beyond their default styling to match the look of a particular theme. This theme has three variations of the widgets, all which can be seen on the homepage of this demo. On the homepage the S5 Tab Show widget is published in Custom 1 (on top of the video), Top Row 3.1 (under the Get Outdoors widget), and Custom 3 (the rotating images at the bottom of the site).


Live Examples


Below you can see several examples of this widget in action with varying options applied. These are only several of the options available, there are dozens of options you can enable or disable:
 
 Fitness Center  /  Extensions  / S5 Tab Show