topic Need 2 links in a one custom popup in Web AppBuilder Custom Widgets Questions

Need 2 links in a one custom popup

joerodmey — Fri, 30 Aug 2019 19:46:39 GMT

In web app builder I'm building an app that allows for clicks on a map and custom popup to show. I'm trying to add a second link to my popup but it appears like its adding as one long line. How can I split the one line into 2 separate lines in the one popup. Below I've included what I have so far in my MapManager.js within publishMapEvent

Thanks

map.infoWindow.setContent('<a href="https://survey123.arcgis.com/share/ID?center='+ evt.mapPoint.getLatitude().toString() + ','+ evt.mapPoint.getLongitude().toString() + '&field:Floor_Selection=' + this.SERVICE_ID.split('_')[1]+"_Floor " + '" target="_"><font size="4">Click here to submit 1</font></a>' + '<a href="https://survey123.arcgis.com/share/ID?center='+ evt.mapPoint.getLatitude().toString() + ','+ evt.mapPoint.getLongitude().toString() + '" target="_"><font size="4"> Click here to submit 2 </font></a>');‍

Re: Need 2 links in a one custom popup

RobertScheitlin__GISP — Fri, 30 Aug 2019 20:18:35 GMT

Joe,

You should try adding a br element in between your two anchor elements (and I think you had an issue with your single and double quotes).

map.infoWindow.setContent('<a href="https://survey123.arcgis.com/share/ID?center='+ evt.mapPoint.getLatitude().toString() + ',' + evt.mapPoint.getLongitude().toString() + '&field:Floor_Selection=' + this.SERVICE_ID.split('_')[1] + '_Floor' + '" target="_"><font size="4">Click here to submit 1</font></a><br><a href="https://survey123.arcgis.com/share/ID?center='+ evt.mapPoint.getLatitude().toString() + ','+ evt.mapPoint.getLongitude().toString() + '" target="_"><font size="4"> Click here to submit 2 </font></a>');‍‍‍

Re: Need 2 links in a one custom popup

joerodmey — Fri, 30 Aug 2019 21:27:05 GMT

Thanks it worked!