I think it would add to customization and better design if the buttons can be styled so that they have an icon as part of the button. This idea can be scrapped together using groups and reusable elements but it’ll be a lot better if it was already a feature. What’s the possibility of this? Thanks! …

So you’d probably need to choose where the icon is (left, top center, bottom center, right), what size the icon is, color, etc. I can see how it’s not trivial to implement, mainly on the user experience side of actually building the dang thing in the editor. Interesting!

This is one that I’ve done at the bottom of a repeating group. [image] The 3 buttons is in a group to keep them together for when I need to move them. The text is set to left alignment and then I placed the icons on top of the buttons. I had to do the workflows for the buttons and the icons other…

Here’s a basic example. https://bubble.io/page?type=page&name=icon-buttons&id=forum_app2&tab=tabs-1 The button & icon on the left is grouped together with the group set a bit wider so that it can be dragged. The button in the center is not grouped. The button on the right is grouped but the group i…

@peng.o I’m doing something similar to what @raymond is doing, only it’s: text object + icon object in a group invisible button (ie, background is none, or full color/transparency 0%, no text) overlaid on top. All conditionals and workflows depend on the user clicking/hovering/etc. on this transp…

@lsy I like your idea more :wink:

Well comparing to what they have in place already, it’s not really hard to implement. What you mentioned are actually things that are very easy to implement. It does not need to be fully dinamic in the beginning, but just having the option would not only be amazing but essencial. What interface nowa…

And I can’t believe this is not yet possible, 5 years later

I use a text element and make it look like a button. Then for the icon just add [fa] fa-home [/fa] or whatever icon you want in there. Hope that helps! :blush: @j805 www.NoCodeMinute.com For All Your No-Code Education Needs: One-on-One Tutoring eLearning Hub Video Tutorials No-Code Classes

Make a text element look like a button and use font awesome icon in it. [Screen Shot 2020-11-20 at 2.21.38 AM] you can add the font awesome icon by using this type of settings in the text element [fa] fa-trash [/fa] To find other font awesome icons to use just create a font awesome icon, select …

Thank you and boston85719 for the tips! This seems to work fine. Btw, how can I make the cursor turn to the hand when hovering on it? Thank you

Icons in Buttons

Idea

patelonline9 December 1, 2021, 12:10pm 17

Icons can be added to the button review the post

Topic		Replies	Views
Is there an easy way to include icons in the button element? Need help	7	1020	April 25, 2023
Button with icon and text Tips	12	10445	February 24, 2023
What is the easiest way to add an icon next to text in a button? Need help	6	1368	September 30, 2022
Custom icon on buttons Need help	14	1682	March 30, 2023
Button + icon element improvements New features	129	6662	June 4, 2026

Icons in Buttons

Related topics