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>');
Solved! Go to Solution.
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>');
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>');
Thanks it worked!