<?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 Re: Image does not display in infotemplate in ArcGIS JavaScript Maps SDK Questions</title>
    <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/image-does-not-display-in-infotemplate/m-p/525453#M48992</link>
    <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;What version of the JS API are you using? If 4x, here is a really nice sample that shows how to use various elements in a popup:&amp;nbsp;&lt;A class="link-titled" href="https://developers.arcgis.com/javascript/latest/sample-code/popup-multipleelements/index.html" title="https://developers.arcgis.com/javascript/latest/sample-code/popup-multipleelements/index.html"&gt;Multiple popup elements | ArcGIS API for JavaScript 4.15&lt;/A&gt;&amp;nbsp;&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
    <pubDate>Tue, 09 Jun 2020 22:13:16 GMT</pubDate>
    <dc:creator>Noah-Sager</dc:creator>
    <dc:date>2020-06-09T22:13:16Z</dc:date>
    <item>
      <title>Image does not display in infotemplate</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/image-does-not-display-in-infotemplate/m-p/525452#M48991</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;&lt;SPAN style="color: #242729; background-color: #f9f8f6;"&gt;I have added image in attribute table. It looks like this:&lt;/SPAN&gt;&lt;IMG alt="" class="jive-emoji image-1 jive-image j-img-original" src="https://community.esri.com/legacyfs/online/495967_tb1.PNG" /&gt;&amp;nbsp;&lt;/P&gt;&lt;P style="color: #242729; background-color: #f9f8f6; border: 0px; margin: 0px 0px 1em;"&gt;Now I want to display this image into infotemplate.&lt;/P&gt;&lt;P style="color: #242729; background-color: #f9f8f6; border: 0px; margin: 0px 0px 1em;"&gt;so far I am doing like this:&lt;/P&gt;&lt;PRE class="" style="color: #242729; background-color: var(--black-050); border: 0px; margin: 0px 0px 1em; padding: 12px 8px;"&gt;&lt;CODE style="background-color: transparent; border: 0px; font-weight: inherit;"&gt;&lt;SPAN class="" style="color: var(--blue-800); border: 0px; font-weight: inherit; font-size: 13px;"&gt;var&lt;/SPAN&gt;&lt;SPAN class="" style="color: var(--black-750); border: 0px; font-weight: inherit; font-size: 13px;"&gt; content &lt;/SPAN&gt;&lt;SPAN class="" style="color: var(--black-750); border: 0px; font-weight: inherit; font-size: 13px;"&gt;=&lt;/SPAN&gt;&lt;SPAN class="" style="color: var(--black-750); border: 0px; font-weight: inherit; font-size: 13px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="color: var(--red-800); border: 0px; font-weight: inherit; font-size: 13px;"&gt;"&amp;lt;b&amp;gt;Name&amp;lt;/b&amp;gt;: ${name}"&lt;/SPAN&gt;&lt;SPAN class="" style="color: var(--black-750); border: 0px; font-weight: inherit; font-size: 13px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="color: var(--black-750); border: 0px; font-weight: inherit; font-size: 13px;"&gt;+&lt;/SPAN&gt;&lt;SPAN class="" style="color: var(--black-750); border: 0px; font-weight: inherit; font-size: 13px;"&gt;                            &lt;/SPAN&gt;&lt;SPAN class="" style="color: var(--red-800); border: 0px; font-weight: inherit; font-size: 13px;"&gt;"&amp;lt;br&amp;gt;&amp;lt;b&amp;gt;Picture&amp;lt;/b&amp;gt;: ${Pic}"&lt;/SPAN&gt;&lt;SPAN class="" style="color: var(--black-750); border: 0px; font-weight: inherit; font-size: 13px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="color: var(--black-750); border: 0px; font-weight: inherit; font-size: 13px;"&gt;+&lt;/SPAN&gt;&lt;SPAN class="" style="color: var(--black-750); border: 0px; font-weight: inherit; font-size: 13px;"&gt;                  &lt;/SPAN&gt;&lt;SPAN class="" style="color: var(--red-800); border: 0px; font-weight: inherit; font-size: 13px;"&gt;"&amp;lt;br&amp;gt;&amp;lt;b&amp;gt;Last Name&amp;lt;/b&amp;gt;: ${lname}"&lt;/SPAN&gt;&lt;SPAN class="" style="color: var(--black-750); border: 0px; font-weight: inherit; font-size: 13px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="color: var(--black-750); border: 0px; font-weight: inherit; font-size: 13px;"&gt;;&lt;/SPAN&gt;&lt;SPAN class="" style="color: var(--black-750); border: 0px; font-weight: inherit; font-size: 13px;"&gt;    &lt;/SPAN&gt;&lt;SPAN class="" style="color: var(--blue-800); border: 0px; font-weight: inherit; font-size: 13px;"&gt;var&lt;/SPAN&gt;&lt;SPAN class="" style="color: var(--black-750); border: 0px; font-weight: inherit; font-size: 13px;"&gt; infoTemplate &lt;/SPAN&gt;&lt;SPAN class="" style="color: var(--black-750); border: 0px; font-weight: inherit; font-size: 13px;"&gt;=&lt;/SPAN&gt;&lt;SPAN class="" style="color: var(--black-750); border: 0px; font-weight: inherit; font-size: 13px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="color: var(--blue-800); border: 0px; font-weight: inherit; font-size: 13px;"&gt;new&lt;/SPAN&gt;&lt;SPAN class="" style="color: var(--black-750); border: 0px; font-weight: inherit; font-size: 13px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="color: #2b91af; border: 0px; font-weight: inherit; font-size: 13px;"&gt;InfoTemplate&lt;/SPAN&gt;&lt;SPAN class="" style="color: var(--black-750); border: 0px; font-weight: inherit; font-size: 13px;"&gt;(&lt;/SPAN&gt;&lt;SPAN class="" style="color: var(--red-800); border: 0px; font-weight: inherit; font-size: 13px;"&gt;"${FIELD_NAME}"&lt;/SPAN&gt;&lt;SPAN class="" style="color: var(--black-750); border: 0px; font-weight: inherit; font-size: 13px;"&gt;,&lt;/SPAN&gt;&lt;SPAN class="" style="color: var(--black-750); border: 0px; font-weight: inherit; font-size: 13px;"&gt; content&lt;/SPAN&gt;&lt;SPAN class="" style="color: var(--black-750); border: 0px; font-weight: inherit; font-size: 13px;"&gt;);&lt;/SPAN&gt;&lt;/CODE&gt;&lt;/PRE&gt;&lt;P style="color: #242729; background-color: #f9f8f6; border: 0px; margin: 0px 0px 1em;"&gt;But it does not display image. It is empty. image is showing in identity window in ArcGis. but not in infotemplate&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Tue, 09 Jun 2020 05:43:11 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/image-does-not-display-in-infotemplate/m-p/525452#M48991</guid>
      <dc:creator>FaryalSafdar</dc:creator>
      <dc:date>2020-06-09T05:43:11Z</dc:date>
    </item>
    <item>
      <title>Re: Image does not display in infotemplate</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/image-does-not-display-in-infotemplate/m-p/525453#M48992</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;What version of the JS API are you using? If 4x, here is a really nice sample that shows how to use various elements in a popup:&amp;nbsp;&lt;A class="link-titled" href="https://developers.arcgis.com/javascript/latest/sample-code/popup-multipleelements/index.html" title="https://developers.arcgis.com/javascript/latest/sample-code/popup-multipleelements/index.html"&gt;Multiple popup elements | ArcGIS API for JavaScript 4.15&lt;/A&gt;&amp;nbsp;&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Tue, 09 Jun 2020 22:13:16 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/image-does-not-display-in-infotemplate/m-p/525453#M48992</guid>
      <dc:creator>Noah-Sager</dc:creator>
      <dc:date>2020-06-09T22:13:16Z</dc:date>
    </item>
    <item>
      <title>Re: Image does not display in infotemplate</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/image-does-not-display-in-infotemplate/m-p/525454#M48993</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;i am using 3.20 version.&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Wed, 10 Jun 2020 05:34:22 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/image-does-not-display-in-infotemplate/m-p/525454#M48993</guid>
      <dc:creator>FaryalSafdar</dc:creator>
      <dc:date>2020-06-10T05:34:22Z</dc:date>
    </item>
    <item>
      <title>Re: Image does not display in infotemplate</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/image-does-not-display-in-infotemplate/m-p/525455#M48994</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;how we display image in info template from attribute table of the feature layer?&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Wed, 10 Jun 2020 05:39:26 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/image-does-not-display-in-infotemplate/m-p/525455#M48994</guid>
      <dc:creator>FaryalSafdar</dc:creator>
      <dc:date>2020-06-10T05:39:26Z</dc:date>
    </item>
    <item>
      <title>Re: Image does not display in infotemplate</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/image-does-not-display-in-infotemplate/m-p/525456#M48995</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;&lt;SPAN style="color: #000000; background-color: #fefefe;"&gt;This sample shows how to use the&lt;SPAN&gt;&amp;nbsp;&lt;/SPAN&gt;&lt;/SPAN&gt;InfoWindowBase&lt;SPAN style="color: #000000; background-color: #fefefe;"&gt;&lt;SPAN&gt;&amp;nbsp;&lt;/SPAN&gt;class to create a custom info window.&lt;SPAN&gt;&amp;nbsp;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&lt;SPAN style="color: #000000; background-color: #fefefe;"&gt;&lt;A class="link-titled" href="https://developers.arcgis.com/javascript/3/jssamples/widget_extendInfowindow.html" title="https://developers.arcgis.com/javascript/3/jssamples/widget_extendInfowindow.html"&gt;Custom info window | ArcGIS API for JavaScript 3.32&lt;/A&gt;&amp;nbsp;&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&lt;SPAN style="color: #000000; background-color: #fefefe;"&gt;&lt;SPAN&gt;This sample shows how to format the content of an info window using formatting functions.&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&lt;SPAN style="color: #000000; background-color: #fefefe;"&gt;&lt;SPAN&gt;&lt;A class="link-titled" href="https://developers.arcgis.com/javascript/3/jssamples/widget_formatInfoWindow.html" title="https://developers.arcgis.com/javascript/3/jssamples/widget_formatInfoWindow.html"&gt;Format info window content | ArcGIS API for JavaScript 3.32&lt;/A&gt;&amp;nbsp;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&lt;SPAN style="color: #000000; background-color: #fefefe;"&gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&lt;SPAN style="color: #000000; background-color: #fefefe;"&gt;&lt;SPAN style="background-color: #fefefe; color: #4d4d4d; "&gt;&lt;SPAN style="color: #000000;"&gt;This sample&amp;nbsp;c&lt;/SPAN&gt;reates and use a popup template that references fields from a relationship.&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&lt;SPAN style="color: #000000; background-color: #fefefe;"&gt;&lt;SPAN style="background-color: #fefefe; color: #4d4d4d; "&gt;&lt;A class="link-titled" href="https://developers.arcgis.com/javascript/3/jssamples/popup_relatedrecords.html" title="https://developers.arcgis.com/javascript/3/jssamples/popup_relatedrecords.html"&gt;Popup with related fields | ArcGIS API for JavaScript 3.32&lt;/A&gt;&amp;nbsp;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Wed, 10 Jun 2020 15:51:08 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/image-does-not-display-in-infotemplate/m-p/525456#M48995</guid>
      <dc:creator>Noah-Sager</dc:creator>
      <dc:date>2020-06-10T15:51:08Z</dc:date>
    </item>
    <item>
      <title>Re: Image does not display in infotemplate</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/image-does-not-display-in-infotemplate/m-p/525457#M48996</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;thanks for your reply . but it seems nobody understand my problem. all these examples shows manual adding of images in infotemplate. my problem is this i have to add image in attribute table then show that image in infotemplate along with attributes of the feature layer&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Thu, 11 Jun 2020 06:10:59 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/image-does-not-display-in-infotemplate/m-p/525457#M48996</guid>
      <dc:creator>FaryalSafdar</dc:creator>
      <dc:date>2020-06-11T06:10:59Z</dc:date>
    </item>
    <item>
      <title>Re: Image does not display in infotemplate</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/image-does-not-display-in-infotemplate/m-p/525458#M48997</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;This thread may help:&lt;/P&gt;&lt;P&gt;&lt;A href="https://community.esri.com/thread/118558"&gt;https://community.esri.com/thread/118558&lt;/A&gt;&amp;nbsp;&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Thu, 11 Jun 2020 12:49:51 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/image-does-not-display-in-infotemplate/m-p/525458#M48997</guid>
      <dc:creator>RobertScheitlin__GISP</dc:creator>
      <dc:date>2020-06-11T12:49:51Z</dc:date>
    </item>
  </channel>
</rss>

