I am trying to add a link to just a section of a text element within a repeater using a string and I feel like I may have almost got there but it’s not quite working…
I want the text element to display the following: " A mix of coed and men’s 8v8 leagues with referees at the Pretty River Academy turf field in Collingwood. " (purple text = link).
or even better: " A mix of coed and men’s 8v8 leagues with referees at the Pretty River Academy turf field in Collingwood. " (but I couldn’t even consider how I would go about this option - if you know how then please do let me know!).
Going with the (least desired) first option: I added “location” and “locationLink” fields to the relevant database. Location = the text (“the Pretty River Academy in Collingwood.” or “Pretty River Academy”) and Location Link = the URL to the location map. I knew I could use a string to show both on the same text element, but now I am trying to turn the last string element (itemLocation) into a clickable link.
Here’s the code I’ve used:
let itemObj = $w("#programsDataset").getCurrentItem();
const itemLocation = itemObj.location;
const locationLink = itemObj.locationLink;
$w("#shortDescriptionText").text = itemObj.shortDescription + " at " + itemLocation.link(locationLink);
And this is exactly what’s returned within the text element on preview:
" A mix of coed and mens 8v8 leagues with referees at the Pretty River Academy turf field in Collingwood. "
So, it appears to be wrapping the right text in the href syntax (which is along the right lines) but it’s displaying it as the syntax itself rather than the text returning as a hyperlink.
I used .link() as a complete guess if I’m honest and it’s as if it’s almost worked but not quite… Any ideas on how to get this to work would be much appreciated!