<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic add innerHTML within title of popuptemplate (arcgis-js 4.xx) in ArcGIS JavaScript Maps SDK Questions</title>
    <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/add-innerhtml-within-title-of-popuptemplate-arcgis/m-p/23347#M2038</link>
    <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P style="color: #e7e8eb; background-color: #2d2d2d; border: 0px; margin: 0px 0px 1em;"&gt;I have tried it stand alone like this:&lt;/P&gt;&lt;PRE class="" style="color: #e7e8eb; background-color: var(--black-050); border: 0px; margin: 0px 0px 1em; padding: 12px 8px;"&gt;&lt;SPAN style="color: #0000ff;"&gt;&lt;STRONG&gt;&lt;CODE style="background-color: transparent; border: 0px; font-weight: inherit;"&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;myLayer&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;.&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;popupTemplate &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;=&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;{&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;&amp;lt;---&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;  have also tried defining &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;this&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; as popupShake       title&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;:&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;function&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;(&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;feature&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;)&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;{&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;          &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;let&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; spl &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;=&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; document&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;.&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;createElement&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;(&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;"span"&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;);&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;          spl&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;.&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;className &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;=&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;"name_plc"&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;;&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;          spl&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;.&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;innerHTML &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;=&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;"&amp;lt;span class='name_plc'&amp;gt;&amp;lt;/span&amp;gt;"&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;;&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;           &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;return&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; spl&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;;&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;      &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;}&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;    &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;};&lt;/SPAN&gt;&lt;/CODE&gt;&lt;/STRONG&gt;&lt;/SPAN&gt;&lt;/PRE&gt;&lt;P style="color: #e7e8eb; background-color: #2d2d2d; border: 0px; margin: 0px 0px 1em;"&gt;I have also tried it inline within the popuptemplate call (such as the content section, but title will not run even though&lt;SPAN&gt;&amp;nbsp;&lt;/SPAN&gt;&lt;A href="https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html#title" rel="nofollow noreferrer" style="color: var(--blue-700); border: 0px; font-weight: inherit; text-decoration: underline;"&gt;documentation&lt;/A&gt;&lt;SPAN&gt;&amp;nbsp;&lt;/SPAN&gt;states it accepts strings and OR&lt;SPAN&gt;&amp;nbsp;&lt;/SPAN&gt;&lt;SPAN style="border: 0px; font-weight: inherit;"&gt;&lt;EM&gt;functions&lt;/EM&gt;&lt;/SPAN&gt;).&lt;/P&gt;&lt;P style="color: #e7e8eb; background-color: #2d2d2d; border: 0px; margin: 0px 0px 1em;"&gt;i.e.&lt;/P&gt;&lt;PRE class="" style="color: #e7e8eb; background-color: var(--black-050); border: 0px; margin: 0px 0px 1em; padding: 12px 8px;"&gt;&lt;SPAN style="color: #0000ff;"&gt;&lt;CODE style="background-color: transparent; border: 0px; font-weight: inherit;"&gt;&lt;SPAN class="" style="border: 0px; font-weight: inherit; font-size: 13px;"&gt;         &lt;/SPAN&gt;&lt;STRONG&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;let&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; popupShake &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;=&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;{&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;            outFields&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;:&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;[&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;"*"&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;],&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;           &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;"title"&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;:&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;function&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;(&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;feature&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;){&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;&amp;lt;-------------&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; breaks popup&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;,&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; but content below works                 &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;let&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; spl &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;=&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; document&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;.&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;createElement&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;(&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;"span"&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;);&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;                spl&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;.&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;className &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;=&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;"name_plc"&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;;&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;                dlv&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;.&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;innerHTML &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;=&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;"&amp;lt;span class='name_plc'&amp;gt;&amp;lt;/span&amp;gt;"&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;;&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;                 &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;return&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; spl&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;;&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;           &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;},&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;           &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;"content"&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;:&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;function&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;(&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;feature&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;){&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;             &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;let&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; name_plc&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;;&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;             &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;let&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; dlv &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;=&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; document&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;.&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;createElement&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;(&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;"div"&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;);&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;             dlv&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;.&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;className &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;=&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;"popd"&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;;&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;             dlv&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;.&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;innerHTML &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;=&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;`&amp;lt;&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;b&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;&amp;gt;&amp;lt;&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;span &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;class&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;=&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;'name_plc'&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;&amp;gt;&amp;lt;&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;/span&amp;gt;&amp;lt;/&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;b&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;&amp;gt;&amp;lt;&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;br&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;&amp;gt;&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;ID&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;:&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;&amp;lt;&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;span &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;class&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;=&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;"ida"&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;&amp;gt;&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;$&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;{&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;feature&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;.&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;graphic&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;.&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;attributes&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;.&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;id&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;}&amp;lt;&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;/span&amp;gt;&amp;lt;br&amp;gt; URL: &amp;lt;a href="${feature.graphic.attributes.url}" target="_blank"&amp;gt;View&amp;lt;/&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;a&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;&amp;gt;&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;&amp;lt;&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;br&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;&amp;gt;&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;Updated&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;:&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; $&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;{&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;feature&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;.&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;graphic&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;.&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;attributes&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;.&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;updated&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;}&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;&amp;lt;&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;br&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;&amp;gt;&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;Grid_value&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;:&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; $&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;{&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;feature&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;.&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;graphic&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;.&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;attributes&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;.&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;grid_value&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;}&amp;lt;&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;br&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;&amp;gt;&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;Event&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;Time&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;:&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; $&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;{&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;feature&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;.&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;graphic&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;.&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;attributes&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;.&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;eventTime&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;}`;&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;                            setTimeout&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;(()&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;=&amp;gt;&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;{&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;                getName&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;();&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;             &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;},&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;20&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;);&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;             &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;................&lt;/SPAN&gt;&lt;/STRONG&gt;&lt;/CODE&gt;&lt;/SPAN&gt;&lt;/PRE&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
    <pubDate>Thu, 09 Jul 2020 16:29:51 GMT</pubDate>
    <dc:creator>CamCode</dc:creator>
    <dc:date>2020-07-09T16:29:51Z</dc:date>
    <item>
      <title>add innerHTML within title of popuptemplate (arcgis-js 4.xx)</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/add-innerhtml-within-title-of-popuptemplate-arcgis/m-p/23347#M2038</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P style="color: #e7e8eb; background-color: #2d2d2d; border: 0px; margin: 0px 0px 1em;"&gt;I have tried it stand alone like this:&lt;/P&gt;&lt;PRE class="" style="color: #e7e8eb; background-color: var(--black-050); border: 0px; margin: 0px 0px 1em; padding: 12px 8px;"&gt;&lt;SPAN style="color: #0000ff;"&gt;&lt;STRONG&gt;&lt;CODE style="background-color: transparent; border: 0px; font-weight: inherit;"&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;myLayer&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;.&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;popupTemplate &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;=&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;{&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;&amp;lt;---&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;  have also tried defining &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;this&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; as popupShake       title&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;:&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;function&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;(&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;feature&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;)&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;{&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;          &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;let&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; spl &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;=&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; document&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;.&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;createElement&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;(&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;"span"&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;);&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;          spl&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;.&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;className &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;=&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;"name_plc"&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;;&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;          spl&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;.&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;innerHTML &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;=&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;"&amp;lt;span class='name_plc'&amp;gt;&amp;lt;/span&amp;gt;"&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;;&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;           &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;return&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; spl&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;;&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;      &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;}&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;    &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;};&lt;/SPAN&gt;&lt;/CODE&gt;&lt;/STRONG&gt;&lt;/SPAN&gt;&lt;/PRE&gt;&lt;P style="color: #e7e8eb; background-color: #2d2d2d; border: 0px; margin: 0px 0px 1em;"&gt;I have also tried it inline within the popuptemplate call (such as the content section, but title will not run even though&lt;SPAN&gt;&amp;nbsp;&lt;/SPAN&gt;&lt;A href="https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html#title" rel="nofollow noreferrer" style="color: var(--blue-700); border: 0px; font-weight: inherit; text-decoration: underline;"&gt;documentation&lt;/A&gt;&lt;SPAN&gt;&amp;nbsp;&lt;/SPAN&gt;states it accepts strings and OR&lt;SPAN&gt;&amp;nbsp;&lt;/SPAN&gt;&lt;SPAN style="border: 0px; font-weight: inherit;"&gt;&lt;EM&gt;functions&lt;/EM&gt;&lt;/SPAN&gt;).&lt;/P&gt;&lt;P style="color: #e7e8eb; background-color: #2d2d2d; border: 0px; margin: 0px 0px 1em;"&gt;i.e.&lt;/P&gt;&lt;PRE class="" style="color: #e7e8eb; background-color: var(--black-050); border: 0px; margin: 0px 0px 1em; padding: 12px 8px;"&gt;&lt;SPAN style="color: #0000ff;"&gt;&lt;CODE style="background-color: transparent; border: 0px; font-weight: inherit;"&gt;&lt;SPAN class="" style="border: 0px; font-weight: inherit; font-size: 13px;"&gt;         &lt;/SPAN&gt;&lt;STRONG&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;let&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; popupShake &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;=&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;{&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;            outFields&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;:&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;[&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;"*"&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;],&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;           &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;"title"&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;:&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;function&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;(&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;feature&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;){&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;&amp;lt;-------------&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; breaks popup&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;,&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; but content below works                 &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;let&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; spl &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;=&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; document&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;.&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;createElement&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;(&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;"span"&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;);&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;                spl&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;.&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;className &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;=&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;"name_plc"&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;;&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;                dlv&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;.&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;innerHTML &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;=&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;"&amp;lt;span class='name_plc'&amp;gt;&amp;lt;/span&amp;gt;"&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;;&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;                 &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;return&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; spl&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;;&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;           &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;},&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;           &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;"content"&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;:&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;function&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;(&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;feature&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;){&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;             &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;let&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; name_plc&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;;&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;             &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;let&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; dlv &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;=&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; document&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;.&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;createElement&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;(&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;"div"&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;);&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;             dlv&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;.&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;className &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;=&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;"popd"&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;;&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;             dlv&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;.&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;innerHTML &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;=&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;`&amp;lt;&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;b&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;&amp;gt;&amp;lt;&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;span &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;class&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;=&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;'name_plc'&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;&amp;gt;&amp;lt;&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;/span&amp;gt;&amp;lt;/&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;b&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;&amp;gt;&amp;lt;&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;br&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;&amp;gt;&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;ID&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;:&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;&amp;lt;&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;span &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;class&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;=&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;"ida"&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;&amp;gt;&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;$&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;{&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;feature&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;.&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;graphic&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;.&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;attributes&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;.&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;id&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;}&amp;lt;&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;/span&amp;gt;&amp;lt;br&amp;gt; URL: &amp;lt;a href="${feature.graphic.attributes.url}" target="_blank"&amp;gt;View&amp;lt;/&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;a&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;&amp;gt;&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;&amp;lt;&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;br&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;&amp;gt;&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;Updated&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;:&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; $&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;{&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;feature&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;.&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;graphic&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;.&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;attributes&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;.&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;updated&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;}&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;&amp;lt;&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;br&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;&amp;gt;&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;Grid_value&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;:&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; $&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;{&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;feature&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;.&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;graphic&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;.&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;attributes&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;.&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;grid_value&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;}&amp;lt;&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;br&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;&amp;gt;&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;Event&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;Time&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;:&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; $&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;{&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;feature&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;.&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;graphic&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;.&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;attributes&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;.&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;eventTime&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;}`;&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;                            setTimeout&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;(()&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;=&amp;gt;&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;{&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;                getName&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;();&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;             &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;},&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;20&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;);&lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;             &lt;/SPAN&gt;&lt;SPAN class="" style="border: 0px; font-size: 13px;"&gt;................&lt;/SPAN&gt;&lt;/STRONG&gt;&lt;/CODE&gt;&lt;/SPAN&gt;&lt;/PRE&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Thu, 09 Jul 2020 16:29:51 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/add-innerhtml-within-title-of-popuptemplate-arcgis/m-p/23347#M2038</guid>
      <dc:creator>CamCode</dc:creator>
      <dc:date>2020-07-09T16:29:51Z</dc:date>
    </item>
  </channel>
</rss>

