Super Tabs

Super Tabs Module Sample

Content #

Display Options #

• Layout Type – User will select the layout type from here. He has 4 pre-defined layout type.
• Enable Caret on Active tab – Here user will select where the caret is needed on Active tab or not.
• Title Width Type – Here user will select the title width type.

Content Setting #

Here user will input the content for the tab. Either User can input the plain text content or a user can select a saved template to display inside the Tab as content.

Style #

Grid Style #

• Margin – You can input the values for the margins in the required fields.
• Padding – Here you can set the preferable custom padding. Fill in the values for the top, bottom, right and left padding.
• Background Type – Here user will be able to select the background type.
• Border Type – Here user can select the type of the border. The various option is available as like solid, dotted, dashed, groove etc..
• Border Radius – User will input border radius here. It can be in px or %.
• Box Shadow – Here you can add some shadow to the box

 Tab Title Container Style #

• Margin – You can input the values for the margins in the required fields.
• Padding – Here you can set the preferable custom padding. Fill in the values for the top, bottom, right and left padding.
• Background Type – Here user will select the type of background. It can be one color, image or gradient.
• Border Type – Here user can select the type of the border. The various option is available as like solid, dotted, dashed, groove etc..
• Border Radius – User will input border radius here. It can be in px or %.
• First / Last Tabb Border Radius –
• Box Shadow – Here you can add some shadow to the box.
• Title Box Position – Here user will select the position for the Title box.

 Tab Title Style #

• Title Typography – From Here user can select and define the Font family, size, weight, transform, style, decoration, line height, and letter spacing.
• Sub Title Typography – From Here user can select and define the Font family, size, weight, transform, style, decoration, line height, and letter spacing.
• Title Box Content Alignment – Here user will select the title box content alignment.
• Title/Sub Title Alignment – Here user will select the Title / Sub Title alignment.
• Min Width – Here user will select the minimum width.
• Title Icon Position – Here user will select the title icon position.
• Icon Size – Here user will select the icon size.
• Icon Gap – User will be able to select the icon Gap here.
• Icon Vertical Position– User will be able to select the vertical position for the icon.
• Margin – You can input the values for the margins in the required fields.
• Padding – Here you can set the preferable custom padding. Fill in the values for the top, bottom, right and left padding.
• Background Type – Here user will select the type of background. It can be one color, image or gradient.
• Color – User will select the background color here.
• Image – User will select an image here if image background is needed.
• Text Background Type – Here user will select the type of text background. It can be one color, image or gradient
• Color – User will select the text color here.
• Image – User will select if image background is needed for the text.
• Icon Color – User will choose Icon color from here.
• Sub Title Color – You can select subtitle color from here.
• Border Type – Here user can select the type of the border. The various option is available as like solid, dotted, dashed, groove etc..
• Width – User will border width from here.
• Color – User will be able to select border color from here.
• Border Radius – User will input border radius here. It can be in px or %.
• Box Shadow – Here you can add some shadow to the box

 Tab Body Container Style #

• Body Margin – You can input the values for the margins in the required fields.
• Body Padding – Here you can set the preferable custom padding. Fill in the values for the top, bottom, right and left padding.
• Body Background Type – Here you can select the Body Background Type. It can be color, gradient, image.
• Border Type – Here user can select the type of the border. Various option is available as like solid, dotted, dashed, groove etc..
• Border Radius – User will input border radius here. It can be in px or %.
• Box Shadow – Here you can add some shadow to the box

 Tab Body Style #

• Tab Content Background Color – Here you can select the tab background color.
• Text Color – User will select the text color from here.
• Typography – From Here user can select and define the Font family, size, weight, transform, style, decoration, line height, and letter spacing.
• Padding – Here you can set the preferable custom padding. Fill in the values for the top, bottom, right and left padding.
• Margin – You can input the values for the margins in the required fields.
• Border Type – Here user can select the type of the border. The various option is available as like solid, dotted, dashed, groove etc..
• Border Radius – User will input border radius here. It can be in px or %.
• Content Box Shadow – Here you can add some shadow to the box