I’ve seen a few people ask how to have a button with an icon and text like below. [icon image] Insert normal button Right click on button and choose ‘Group elements in a group’ (this keeps the button and the icon together in a group Add a text element and centre vertically, but instead of text, p…

You should use the text element for this. Text element can have background and order just like button. So no need to use button.

Yes you can, but the issue with that is a text button won’t trigger an event when the user clicks the return button so it doesn’t ‘feel’ like a button.

plus a text element is bad for a11yproject.com and overall accessibility

hey thanks for this, i feel this is the wields the least hacky results. is there a way i could style the button text with this also? for some reason i can’t find the button classes in the inspector :confused:

Which solution are you going with from above? With my solution you would simply got o the buttons edit panel and change the text.

this one. [image] Button with icon and text Tips Drag a button element and give an id to it. eg. BtnAdd now use html element and write code below [image] it’s a bit to setup, but once done, it behaves like a proper button w/icon. the other methods don’t allow you…

[image] sorensong: the other methods don’t allow you to respond if you click on the icon itself (unless you create a separate workflow for the icon) That’s true.

How do you adjust the size of the icon @patelonline9 ?

Better say who you are directing your question to as there’s been a few solutions I think.

Button with icon and text

Tips

patelonline9 December 1, 2021, 11:35am 5

Drag a button element and give an id to it.
eg. BtnAdd
now use html element and write code below

Icons in Buttons

Topic		Replies	Views
What is the easiest way to add an icon next to text in a button? Need help	6	1368	September 30, 2022
Icons in Buttons Idea	21	16264	July 13, 2022
Is there an easy way to include icons in the button element? Need help	7	1020	April 25, 2023
How do you use icons in button's text? What with FontAwesome? Need help	6	615	March 1, 2023
How can I make a button with an icon and text? Need help	8	1037	March 8, 2021

Button with icon and text

Related topics