topic Amending the infoTemplate to include links in ArcGIS JavaScript Maps SDK Questions

Amending the infoTemplate to include links

OliviaGill1 — Sat, 11 Dec 2021 13:06:26 GMT

I have an application with 3 feature layers and a select option. When the user clicks on a polygon for example the attributes for the related fields is returned. This is fine for attributes that are text based but I cannot figure out how to show a link within the infoTemplate rather than just the full string. e.g.

 var content = "<b>Classification year</b>: ${CLASSIFICATION_YEAR}" + "<br/>" +
            "<b>Overall classification</b>: ${OVERALL_CLASSIFICATION}" + "<br/>" +
            "<b>Link</b>: ${CLASS_DS_URL}";
          var infoTemplate = new InfoTemplate("${WATER_BODY_NAME}", content);

The class_ds_url shows the full string but how can I amend the script so it just has a clickable 'Link'??

Help is appreciated!

Re: Amending the infoTemplate to include links

JakeSkinner — Sat, 11 Dec 2021 13:06:28 GMT

Hi Olivia,

You can format the hyperlink using HTML. Ex:

var content = "<b>Classification year</b>: ${CLASSIFICATION_YEAR}" + "<br/>" + 
            "<b>Overall classification</b>: ${OVERALL_CLASSIFICATION}" + "<br/>" + 
            "<b>Link</b>:  <a href=${CLASS_DS_URL}>Link</a>"; 
          
var infoTemplate = new InfoTemplate("${WATER_BODY_NAME}", content);

Re: Amending the infoTemplate to include links

OliviaGill1 — Fri, 22 Jan 2016 13:08:16 GMT

Thank you - perfect!