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
- Navigate to Titan Web Application and select the expand (+) button next to the settings icon. A list of elements will show.
- Select the Input element from the list.
- Select and drag the Button Group element to the canvas.
- Select the Button Group element settings Gear icon. The Button Group Settings screen opens.
- Edit the mapping for Static Values and add descriptions to the buttons.
- Select the Button Group element settings Gear icon. The Button Group Settings screen opens.
- Select the Interactivity option and click the Hide Icons checkbox. The descriptions will not display on the smaller device layout.
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.
Learn more about device layouts.
Hidden Title
Was this information helpful?
Let us know so we can improve!
Need more help?
Book Demo
