How to create clickable Link elements

ayangobiodu · 2020-07-19T09:41:49.953Z

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

alan.thomas111997 · 2020-07-19T14:35:56.070Z

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

ayangobiodu · 2020-07-20T04:17:24.326Z

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

alan.thomas111997 · 2020-07-20T19:47:18.501Z

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.

ayangobiodu · 2020-07-26T09:39:47.257Z

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

alan.thomas111997 · 2020-08-01T09:04:21.116Z

@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”

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.

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

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

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

system · 2020-09-27T09:41:50.112Z

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