Tabbed Widget: Tab Position and Alignment Options

Prev Next

Who can use this feature?

System Administrators | Owners | Publishers | Authors

Instructions

  1. Sign in to your website solution

  2. Navigate to your desired page

  3. Add a Tabbed Widget to your page, or hover over an existing Tabbed Widget and click the Tabbed Widget Options handle: Evolve, Tabbed Widget Options Handle.

  4. Click to expand the Position dropdown menu and select an option: Evolve, Tabbed Widget Widget Options Dialog Box, Position Options.

    • Top: Align tabs at the top of the widget

    • Left: Tabs display on the left side of the widget

    • Right: Tabs display on the right side of the widget

  5. If you selected the Top position, click to expand the Alignment dropdown and select an option: Evolve, Tabbed Widget Options, Alignment Dropdown Menu and Options.

    • Equal Widths: Makes the tabs the same width

    • Equal spacing: Spaces tabs according to the length of the tab name

      Note:

      Equal spacing is the default option.Your content goes here

    • Left: Aligns tab names to the left

    • Center: Align tab names to the center

    • Right: Align tab names to the right

  6. If you selected the Left or Right position, you may also edit the Width of the tabs: Evolve, Tabbed Widget Options, Left and Right Position, Tab Width Options.

  7. Click the Close (X) button to exit the Tabbed Widget Options dialog box: Evolve, Tabbed Widget Options Dialog Box, Close (X) Button.

    Note:

    The widget option edits that you have made will automatically save.

  8. Finally, click the Save Changes button to save the page version: Evolve, Pages, Save Changes Icon.