Can Retool do URL Hyperlinks?

App Building
1

I can return the link as a string. But can retool show it as a hyperlink? How would I add the appropriate html tags in the presentation layer?

2

yes! a lot of components support rendering as HTML. some examples:

  • you can render table cells as HTML, so you’d use a table column mapper like <a href="{{ self }}">my link</a>
  • text components support both HTML and markdown. so you can do something like [mylink](https://google.com)
3

Thanks Abdul, got it working now.

4

What is the syntax to open a new window when the link is clicked? Currently the [mylink] method will load a new page in the same window.

5

Hey @oliver.ng you can use the target prop with "_blank" value, as such:

<a href="{{ self }}" target="_blank">my link</a>

6

thanks acib. what is the syntax for text components HTML markdown, please? sorry not very versed with HTML/JS

7

Hi @oliver.ng! After doing a bit of Googling, it doesn't look like Markdown supports opening new links out of the box. https://stackoverflow.com/questions/3492153/markdown-open-a-new-window-link
However, if you paste the <a> tag (that acib sent) in a text component and change the URL and display message, it should work for you!

Let me know how it goes :blush:

1268×558 37 KB


1 Like
8

thanks Victoria. super helpful. works!

1 Like
9

Is it possible to use hyperlinks in notifications?
Both markdown and html seems not working.
image

10

Hey @number15! Hmm I don't think this is possible, but maybe a different component could work instead? What are you looking to do here? Maybe you could conditionally show a text component (with the hyperlink) instead? :grimacing:

11

@victoria hi, I'm triggering the creation of a ticket in Zendesk and I would like to show in the notification a link to the ticket created using the ticket id in the response.

So something like:
Email sent to aaa[at]gmail.com. Ticket id 9999
where 9999 is a link to the ticket in our Zendesk.

12

@victoria hi, just to close this: is not possible at the moment, correct?

13

Hey @number15! Not possible yet, but there's an ongoing feature request for this :slight_smile: Will bump the thread now