Scroll

What can we help you with?

MotoCMS 3

MotoCMS eCommerce

MotoCMS Blog

Moto4

Welcome to our LiveChat! Please press "Start Chat" button to proceed

Start Chat

Widget: Tabs

This widget provides possibility to store site's content within the horizontal tabs and navigate between them. It saves visual space on the page and only one tab can be accessed at a time.

mceclip0.png

"Tabs" widget is separated into two tabs: "Settings" and "Design".
mceclip1.png
The "Settings" tab consists of the following blocks: "Items", "Tabs Animation", "Display","Animation".
mceclip2.png
The "Items" block consists of "Add", "Justified Titles", "Titles Alignment" features.
mceclip3.png
"Add" button allows you to add a new tab.  Maximum amount of tabs is limited up to 50.
mceclip5.png
"Add Item" feature allows you to create a new tab with specific title and icon.
mceclip6.png
You can change/remove icon for each tab using appropriate buttons.
mceclip7.png
You can also use images from the Media Library instead of the icons, using the "As Image" feature.
mceclip8.png
Once you created a tab with your "Title" and "Icon", you can edit/edit settings/duplicate/remove a tab or set the tab, which is opened by default.
mceclip9.png

!Important! Due to specifics of the Tab widget only the following widgets can be placed within the "Item"section:

Widgets: Structure -"Row".

Widgets: Basic -"Text","Image","Button","Divider","Space", "Contact Form".

Widgets: Galleries - all galleries.

Widgets: More - "Progress Bar", "PayPal Button", "Countdown Timer", "Google Map".

 

You can change the position of tabs by dragging them one over another.

mceclip10.png

"Heading Format" feature allows you to enable H2, H3 and H4 tags for the headings to improve the SEO part of the Tabs widget's content.

mceclip11.png

There are two types of tabs: Vertical, Horizontal. This feature allows you to stretch titles through the entire widget's width.

mceclip12.png
If you choose "Horizontal" type - you can enable/disable "Justified Titles" feature, which stretches the titles along the width of the widget's area.
mceclip13.png
If you choose the "Vertical" type - you can choose the type "Panel Width"- it can be "Responsive" or "Fixed".
mceclip14.png

"Responsive"- this feature allows you to configure tab width in percents, which affects the appearance of tabs on the PC and tablet versions (this feature can't be edited on mobile devices).

"Fixed"- this feature allows you to configure tab width in pixels.

"Panel Position"- this feature allows you to change the position of your tabs from left to right and from right to left.

mceclip15.png

"Title Text Alignment" feature allows you to re-align title along the tab's area (left, center, right).

mceclip16.png

"Icons Alignment" feature allows you to re-align icon along the tab's area (left, right).

mceclip17.png

The "Display" block consists of "Spacing", "Visible On" features which are the common widgets features.

mceclip18.png

The "Animation" is a general setting of each widget.

mceclip19.png

"Design" tab allows you to customize "Tabs" widget appearance. Available presets are located within the list of "Preset Name" section.

mceclip20.png

 

This widget belongs to the More widget category. Check out the other widgets in this category at the following link: Google Map, Google Map Pro, Google Calendar,MailChimp, Disqus, Countdown Timer, Counter, Accordion, Popup, Progress Bar, Circular Progress Bar, Scroll To, Slideshare, PayPal button, Breadcrumbs, iFrame, Embed, Google Search and Google Search Results.

Mary Campbell -
Have more questions? Submit a request

Comments