Tab Button

The <ch5-tab-button> component contains a group of buttons that are aligned to create a column of tabbed buttons. Each button supports an icon, text label, and custom programming via a Smart Object ID.

For interactive examples using the <ch5-tab-button> component and CSS classes, refer to the Showcase Application.

Features

The <ch5-tab-button> attributes provide the following features:

  • Sets the orientation of the tab button.
  • Sets a contract name ID (Smart Object ID) as an encapsulated join type that links a smart control in VT Pro-e software with a CED in SIMPL programming.
  • Sets the number of tab buttons in the tab control (between 2 and 15). The default value is "3".
  • Allows for a differentiation of each list item via the <ch5-tab-button-label> element.
  • Allows the following attributes to be configured for each button in the button tab: type, label alignment, icon position, shape, selected state, pressed state, encoded HTML content, and URL.
  • Allows events to be sent to the control system for each button press.
  • Allows feedback to be received from the control system following a button press.