How to create clickable Link elements

Hi There,
How do I create an input element that recognizes when the user has entered a link in order to make it clickable?

Very much appreciated.

Best Regards
Ayang

Use REGEX to identify if the entered value is a link or not, next on the basis of this, you can make it clickable.

Thanks for the feedback Alan. Where do I find Regex?
Thanks Ayang

image

What you can do is, whenever there is a change in value of input, you can run a workflow to check if it is a link or not.

1 Like

Sounds like the way to go Mate. I am struggling to find this workflow commands… can you kindly do a step by step explanation for how I can get to this? Thanks

@ayangobiodu,
Apologies for the late reply.

Here is a step by step way to get here,

Step 1; Create the input field
Step 2: go to workflows and create a workflow “When an input’s value is changed”
image
In the only when condition add your check with “extract with regex”, you can use the one which I have shared or look online for better regex check for links.
image
image

REGEX - ^(?:http(s)?://)?[\w.-]+(?:.[\w.-]+)+[\w-._~:/?#@!$&'()*+,;=.]+$

Step 3 - in the workflow set a custom state if it satisfies the condition.
image

Step 4 - on the basis of the custom state you can add a condition on input field to make it clickable or not
image

10 Likes

This topic was automatically closed after 70 days. New replies are no longer allowed.