Show Selected

Business Background

The Show Selected option is available for the button group element. You can add an icon to show which button the user has selected.

How to Video

  • Coming soon!

How to Guide

  1. Click the expand (+) icon next to the settings icon in Titan Web. A list of elements will show.
  2. Select the Input option from the list.
  3. Drag and drop the Button Group element to the canvas.
  4. Click the Button Group settings Gear icon. The Button Group setting screen opens.
  5. Select the Interactivity option from the list.
  6. Click the Show Selected checkbox.
  7. Click the Gear icon. The Selected Icon Settings screen opens.
  1. Click the Select from Library option. The Selected Icon Settings screen opens.
    • Alternatively, add the SVG icon code in the field and click the Apply button.
Selected Icon Settings screen
Selected Icon Settings screen
  1. Configure any icons for valid input.
Select icon screen
Select icon screen
  1. Click the Apply button on the Selected Icon Settings screen.
  2. Style the icon by clicking on the Style icon of the button group element.
Button Group Styling screen
Button Group Styling screen

An icon is added to the button that the user selects.

Example
Example

Hidden Title

Need more help?