Support

Tabs Widget


The Tabs widget is an excellent way of displaying content efficiently on your site. Visitors can click between tabs (rather than scroll through text) to view related content. Tabs are a great way of showing content such as Services, Plans or Team members in compact, connected sections.

每个选项卡可以包含标签、标题、描述、图像和按钮，并且每个元素都可以完全自定义。


To add the widget:

  1. In the left panel, click Widgets.
  2. Click and drag the Tabs widget into your site.


Content Editor

To access the content editor:

  1. Right-click the widget, and click Edit Content.
  2. To add a new tab, click Add Tab.
  3. To edit the image (and alt text), Tab label, Label heading type, Title, Description, and button, click the tab.
  4. Header tags are available to make your text more easily identifiable by search engines. It is recommended you select H3 for the Label Heading Type.
  5. The alt text field for the image can be found at the bottom.
  6. To display images on the tabs, click the Show image toggle.


Design Editor

To access the design editor:

  1. Right-click the widget, and click Edit Design.
  2. Click the layout to select a different layout for the tabs.
  3. Click All Tabs to customize the style of unselected tabs, reverse the tab direction, and control the tab layout on mobile.
  4. Click Selected Tab & Hover to customize the text style and background. This does not affect the All Tabs design.
  5. Click to change the Description Style, Button Style, and Image Style.


Note:

  • You can have as many tabs you want, but keep in mind that the space for each label is reduced with each new tab.
  • There are 2 layout options for mobile display, tabs and accordion. The tabs layout can be controlled by swiping.


Mobile View

There are 2 layout options for mobile display, tabs and accordion. The tabs layout can be controlled by swiping. However, not all mobile browsers support swiping behavior, in which case you can use the accordion view on mobile.


要更改移动设备的标签窗口小部件：

  1. In the top navigation bar, click the device view to switch the view to mobile (). For more information, see Edit by Device.
  2. Right-click the widget, and click Edit Design.
  3. Click All Tabs, and then click the Display as Accordion toggle.

Customer Support Hours

Mon - Fri, 9 am to 9 pm (CT)

Sat, 9 am to 6 pm (CT)

(Chat Unavailable on Saturdays)

iClassPro offices will be closed in observance of the following holidays:
New Year's 2024 (Jan 1, 2024), Good Friday (March 29, 2024), Memorial Day (May 27, 2024), Independence Day (Jul 4, 2024) Labor Day (Sep 2, 2024), Thanksgiving (Nov 28 - 29, 2024), Christmas (Dec 24 - 25, 2024)

Visit the Customer Support Page


Share by: