https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/empty-popup/m-p/1501902#M84991 <P>Thank you so much for replying let me try that&nbsp;<span class="lia-unicode-emoji" title=":smiling_face_with_smiling_eyes:">😊</span></P> Fri, 05 Jul 2024 16:14:37 GMT mnoel2 2024-07-05T16:14:37Z https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/empty-popup/m-p/1498819#M84945 <P>Hi</P><P>I'm trying to populate a popup, but I'm not clear why the popup gets displayed but there is no content. It is not clear if the graphic layer is getting override it and becomes null or undefined. The hosted feature is coming from ArcGIS online, I think there should not be any issue but, you never know. I have attached the files. The steps:</P><P>1.Run application locally</P><P>2. click on Phoenix feature</P><P>3. popup displays without attributes</P><P>find&nbsp; repo:&nbsp;<A title="github repo for UFO Web map app" href="https://github.com/mnavidad/UFOSIGHTINGSAPP/tree/master" target="_self">https://github.com/mnavidad/UFOSIGHTINGSAPP/tree/master</A>&nbsp;</P> Fri, 28 Jun 2024 03:22:12 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/empty-popup/m-p/1498819#M84945 mnoel2 2024-06-28T03:22:12Z https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/empty-popup/m-p/1499199#M84952 <P>You mostly had it...perhaps if the documentation for using a function with the <A href="https://developers.arcgis.com/javascript/latest/api-reference/esri-PopupTemplate.html#content" target="_self">content</A> property were more clear on what gets passed to the function, you'd have gotten better results.&nbsp; The following shows the changes you can make to your popupTemplate definition to get it working though:</P><LI-CODE lang="javascript"> const popupTemplate = { title: "You clicked here", outFields: ["STATE","CITY","DESCRIPTION","DATE_TIME"], content: function(feature) { const state = feature.graphic.attributes.STATE; const city = feature.graphic.attributes.CITY || ""; // Handle missing CITY attribute const description = feature.graphic.attributes.DESCRIPTION; const dateTime = feature.graphic.attributes.DATE_TIME; return ` &lt;div&gt; &lt;h3&gt;State: ${state}&lt;/h3&gt; ${city ? `&lt;h3&gt;City: ${city}&lt;/h3&gt;` : ''} &lt;h3&gt;Description: ${description}&lt;/h3&gt; &lt;h3&gt;Date: ${dateTime}&lt;/h3&gt; &lt;/div&gt; `; } };</LI-CODE> Fri, 28 Jun 2024 17:11:31 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/empty-popup/m-p/1499199#M84952 JoelBennett 2024-06-28T17:11:31Z https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/empty-popup/m-p/1501902#M84991 <P>Thank you so much for replying let me try that&nbsp;<span class="lia-unicode-emoji" title=":smiling_face_with_smiling_eyes:">😊</span></P> Fri, 05 Jul 2024 16:14:37 GMT https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/empty-popup/m-p/1501902#M84991 mnoel2 2024-07-05T16:14:37Z