Display an Icon on a form button

[#1]

What is the recommended way to display an Icon on a button in an Adaptive From instead of the usual text?

I've checked the button component's  widget.jsp and while there is a <span class="iconButton-icon"></span> being rendered, I don't see anything that appears to allow specifying an icon to display. Ideally I'd like to use the built-in icons already provided by aem.

[William_van_Deventer]

I am not an expert so this may not be the most elegant way of doing it: a simple solution is just to place an image object over the button object. I tried and it works 🙂

[William_van_Deventer]

How did you place the image over the button?

[#4]

@William_van_Deventer Have you tried the style editor to add inline css?

[William_van_Deventer]

@William_van_Deventer  You can use the image component or text component and embed the image using source edit.

[William_van_Deventer]

How does this work with a button?