Linking text to URL from Collection in Repeater

Ask the community
,
1

I have searched up and down for this and can’t find the answer… could someone please point me in the right direction by either an existing post or sharing the coding? All I want to do is link text in a repeater to the url in the same collection in the repeater… I know it has to be done through coding but can’t see how to do it… any help is appreciated.

2

You can use .html to create clickable link in the text. So suppose the link is in the column ’ url ’ of the database. You can use the following code on the repeater.

$w("#myRepeater").onItemReady( ($item, itemData, index) => {
     $item("#text1").html = `<p>Please click <u><a href=${itemData.url}>here</a></u></p>`;
});
3

Amazing! Thank you so much- I have been struggling with this for a long time.
I modified it slightly as follows:
$w.onReady(() => {
$w(“##myRepeater”).onItemReady( ($item, itemData, index) => {
$item(“#text1”).html = <a href=${itemData.url} target="_blank" style="font-family:avenir;font-size:20px;">$item("#text1")</a>;
});
})