Button Group – Hide Icon

Business Background

Use screen space effectively by preventing the icon from displaying, for instance, when using a smaller device layout.

How to Video

  • Coming soon!

How to Guide

  1. Click the icon to open the list of elements.
  2. Select the Input element from the list.
  3. Click-and-drag the Button Group element to the canvas.
  4. Click the Button Group settings Gear icon. The Button Group Settings screen opens.
  5. Edit the mapping for Static Values and add descriptions to the buttons.
Add descriptions
Add descriptions
  1. Select the Interactivity option and click the Hide Icons checkbox. The descriptions will not be displayed on the smaller device layout.
Hide Icons
Hide Icons
Note:

You may want to show the icons on desktop or laptop layouts where there is enough space for extra information. On smaller device layouts, you can hide the icons where there is less space and you want to show less cluttered interface.

Change the device layout to a smaller device, for instance, Mobile (L), and select the Auto Layout option.

Device Layout

Learn more about device layouts.

Hidden Title

Need more help?