Tab set

Description of content types in the menus
Tool Bar Icon Description

Group of HTML elements

Editable: No, but some child components are editable.

Droppable: No, you can't drop other blocks or components inside.

Component Tool Bar:

Parent Selectable: Yes, you can select parent element from component.

Draggable: Yes, you can drag this component to other locations in the canvas.

Copyable: No, you can't copy component in the canvas.

Removable: Yes, you can delete this component from the canvas.

Trait Manager Settings: No

Default Styles (doesn't include default browser styles): No

Child Components: Yes

  • Tab List
    • Component: Custom unordered list element
    • Editable: No
    • Droppable: No
    • Tool bar:
      • Add tab: Adds a new tab to the tab list
      • Parent Selectable: Yes
      • Draggable: No
      • Copyable: No
      • Removable: No
    • Stylable: Yes, Style Manager options limited to:
      • margin-top
      • margin-bottom
      • margin-left
      • margin-right
      • padding-top
      • padding-bottom
      • padding-left
      • padding-right
      • border-top-width
      • border-bottom-width
      • border-left-width
      • border-right-width
      • border-style
      • border-color
      • background-color
      • background-image
      • background-position
      • background-size
      • background-repeat
      • background-attachment

    • Default Styles (Not including default browser styles): No

    • Trait Manager Settings: No

  • Tab
    • Component: Custom list element
    • Editable: No
    • Droppable: No
      • Tool bar:
        • Parent Selectable: Yes
        • Draggable: No
        • Copyable: No
        • Removable: No
    • Stylable: Yes, Style Manager options limited to:
      • margin-top
      • margin-bottom
      • margin-left
      • margin-right
      • padding-top
      • padding-bottom
      • padding-left
      • padding-right
      • border-top-width
      • border-bottom-width
      • border-left-width
      • border-right-width
      • border-style
      • border-color
      • background-color
      • background-image
      • background-position
      • background-size
      • background-repeat
      • background-attachment

    • Default Styles (Not including default browser styles): No

    • Trait Manager Settings: Yes

      • Tab Text: Sets the tab text.

      • Tab Text Color: Sets the text color of the tab for its unselected state.

      • Tab Selected Text Color: Sets the text color of the tab for its selected state.

      • Tab Background Color: Sets the background color of the tab for its unselected state.

      • Tab Selected Background Color: Sets the background color of the tab for its selected state.

  • Panel
    • Component: Custom list element
    • Editable: No
    • Droppable: No
    • Tool bar:
      • Parent Selectable: Yes
      • Draggable: No
      • Copyable: No
      • Removable: No
    • Stylable: Yes, Style Manager options limited to:
      • margin-top
      • margin-bottom
      • margin-left
      • margin-right
      • padding-top
      • padding-bottom
      • padding-left
      • padding-right
      • border-top-width
      • border-bottom-width
      • border-left-width
      • border-right-width
      • border-style
      • border-color
      • background-color
      • background-image
      • background-position
      • background-size
      • background-repeat
      • background-attachment

    • Default Styles (Not including default browser styles): No

    • Trait Manager Settings: N

Unique Documentation: Yes

  • To add a tab, select the plus sign from the tab list component.
  • To delete a tab, select the trash icon on the tab.
  • Tabs can be rearranged in the tab list but can't be moved to other tab sets.

Stylable: Yes, when double-clicked, some options are available via inline rich-text editor. These Style Manager options are available:

  • margin-top
  • margin-bottom
  • margin-left
  • margin-right
  • padding-top
  • padding-bottom
  • padding-left
  • padding-right
  • border-top-width
  • border-bottom-width
  • border-left-width
  • border-right-width
  • border-style
  • border-color
  • box-shadow

Back to Story Builder

Back to Page Builder