Hello! I want to be able to add an icon to the end of text like Facebook does for verified accounts. Example: [image] I have a RG and inside i have an image element and a text element. I want to know if its possible to add an icon like on the example. Right know if a put the icon on top of the t…

I’d go with Gaby’s solution (that checkmark looks the best!); but another way is to use a font-awesome icon in the text element. This way, you can edit the size and color of the checkmark as well. For example: You can enter this into a text element: [image] Then you can use the Rich Text editor…

You know, I thought I had done that in my app, but clearly I never…I ended up doing something completely different with my design so problem went away! edited my original response…

You guys rock! Thank you so much for the help! @romanmg [awesome as usual =)] @Scott @anon39705632 Don’t worry @anon39705632 im still figuring everything out. Cheers! One last question: How can i center all text inside the HTML element? I tried align=“center” but it didn’t worked.

[image] charliefountain: One last question: How can i center all text inside the HTML element? I tried align=“center” but it didn’t worked. Try the “text-align” property.

Use the CSS style attributes: style=“text-align: center;” (or maybe the old fashioned center /center tags)

Awesome! Thank you guys! @Scott @anon39705632

Thanks Gaby! :slight_smile: My thoughts exactly when I read your post - never knew how to do that with an image and HTML!

@romanmg @fayewatson Thank you for that other option! Im going to use the HTML route as the icon i want to use is part of my branding. But for other types of implementation the font awesome works like a charm too!

For those that stumble on here and don’t know why the icon isn’t showing after following the solution, remove the fa- part in the beginning. For example, this: [color=#0277BD][size=4][fa]fa-check-circle[/fa][/size][/color] Becomes this: [color=#0277BD][size=4][fa]check-circle[/fa][/size][/color]

How to append an image to the end of a text element?

Need help

fayewatson September 19, 2021, 11:31pm 23

Hi @gyangting I think that the full icon name sometimes gets cut off. For the sort-amount-descending icon, I think that the embed is:
[fa] fa-sort-amount-desc [/fa]

Topic		Replies	Views
How can I put an icon in a text field? Questions	4	12852	June 9, 2018
How to keep icon stuck to end of text field? Database	5	921	June 22, 2021
Puting an icon in input element's placeholder Need help	2	4032	January 18, 2019
Concatenate elements (text + icon) Responsiveness	28	3543	May 11, 2021
Keeping elements next to each other Responsiveness	6	3577	January 16, 2021

How to append an image to the end of a text element?

Related topics