We can add images to Buttons by By providing the image URL inside HTML Image tags. We can add buttons using different controls available , we may add images to Buttons. Using the various controls accessible in the Flow Studio and Experience Designer, we can add buttons. The HTML markup should be given entered in the Text fields of the Buttons Buttons' Text areas.
We can also make the button show Stars, Emoticons, and other images to show a pictorial Rating scale too. Example of an image HTML tag that is allowed in the platform, <img src="https://exmaple.com/dynamic/images/rainy5caf0f20-e01e-11ec-85b9-77e62ec3b79crain-icon.png"/>
Example with Single Input control
| Info |
|---|
We can follow the same steps to add image to the Buttons of Rating Control of the Flow Studio. |
Go to Create> Agents> Flow Studio> Flow Studio canvas.
Drag and drop a Single Input control.
Go to the General Tab> Button
Add the Value for the buttons.
On the Text field, add the image URL with an HTML tag.
Save and launch the Bot or the Flow Studio Preview Bot
...
The Buttons will now have the images on the Buttons.
...
...