Links in my text are not formatting

[alexis.bellas]

Hello all,

I am having an issue with my app that when there is a link within my text element it will not look like a link in any way it will not change color or underline. I can not find a setting in the styles and it is making a poor user experience when they are looking for the link in a blog for example. Below are screenshots to show you what this looks like.

This is an example of a blog post with several links but it is not clear when looking at the text.

When I hover over the link it will underline like this

This is what it looks like when I create the text using the “Rich Text Editor” plugin by Bubble

Does anyone have any thoughts on how I can make it underlined and a different color for the links in the text? I know this will help my link clicks and get my users to convert more.

[subbayyalkhan]

Use link element

[alexis.bellas]

The links are always in dynamic text and in different places within the text so I don’t think that would be possilble. Am I missunderstanding your suggestion?

[subbayyalkhan]

Two links in one dynamic text

Hi @traksit.adm , I know i could create a second text element but how can I make sure the second text will dynamically move when the first text element is bigger or smaller than expected? Well, you’re right here, you can’t. Text elements can’t adapt their width depending on the text itself. What you can do though, is to use BBCode to create links inside your text element as shown in the picture below. Just use “Rich text editor” to help you with the formatting. [Capture d’écran 2020-09-08…

This may help you.0

[alexis.bellas]

I’m sorry I’m still not sure how this is applicable when there is no defined number of links in my text. I am writing blog posts and some may have 10 links and others no links. I don’t think having seperate elements for this is viable. Is there a way for bubble to identify when something has a link?

[subbayyalkhan]

Bubble actually gives you that power. Here is the link : [New Feature] Auto-detection of links and emails in Text Elements

[alexis.bellas]

This is helpful and gets me part of the way there. I can now get formatting on links but I still can’t figure out how to do it when things are hyperlinked. Do you have any words of wisdom on that?

[openocean.tampa]

I’ve had this issue for a long time as well… Did you end up figuring it out?

[openocean.tampa]

Bubble support told me to add it to the idea board. Here is the link, if anyone wants to upvote and help this functionality get prioritized.

[alexis.bellas]

Whenever I hyperlinked text if I hovered it it would still underline but because it didn’t change color no one knew to hover it. I did not find a fix but the place in my app where I encountered it the most was on my blog and since I am the only one who posts blogs I create them using a rich text editor element so I just make the hyperlinked text blue. Not a real fix but it fixed the user experience part of it at least.