Widget Tricks - ods-simple-tabs

The ods-simple-tabs widget can be used to have a tabbed interface that allows you to switch between different views. It has a simplified CSS making it easy to modify the style or layout. Below are a few different styles that can be applied to the widget in order to fit different use cases.

Default Look

Tab Pills

A different style for the tab navigation.

Horizontal Layout

Display the tab navigation bar horizontally, next to the tab content. The responsive design has been taken into account and while on a small screen the tab navigation bar is above of the content.

Dot Tabs

The tabs navigation is presented using dots on the bottom of the tabbed content.