<?xml version="1.0" encoding="UTF-8" ?>
<?xml-stylesheet type="text/xsl" href="https://community.appian.com/cfs-file/__key/system/syndication/rss.xsl" media="screen"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:wfw="http://wellformedweb.org/CommentAPI/"><channel><title>Viewing of externally hosted images in Appian Interface</title><link>https://community.appian.com/discussions/f/user-interface/19352/viewing-of-externally-hosted-images-in-appian-interface</link><description>Hi folks, 
 I have a typical requirement described below: 
 I will have JSON input in Appian system from an external OCR system which will contains some extracted field level details and some URL&amp;#39;s of extracted images hosted in a targeted file system</description><dc:language>en-US</dc:language><generator>Telligent Community 12</generator><item><title>RE: Viewing of externally hosted images in Appian Interface</title><link>https://community.appian.com/thread/120482?ContentTypeID=1</link><pubDate>Fri, 13 Oct 2023 06:41:03 GMT</pubDate><guid isPermaLink="false">d3a83456-d57b-489c-a84c-4e8267bb592a:636328fd-3daf-4286-a07d-be44da69d890</guid><dc:creator>Stefan Helzle</dc:creator><description>&lt;p&gt;Hm ... your example with HTTP works for me. That image is not loaded by Appian and then sent to the browser, but directly loaded by the browser. Could it be that you have some local limitation that prohibits non-encrypted HTTP?&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;</description></item><item><title>RE: Viewing of externally hosted images in Appian Interface</title><link>https://community.appian.com/thread/120473?ContentTypeID=1</link><pubDate>Fri, 13 Oct 2023 01:58:13 GMT</pubDate><guid isPermaLink="false">d3a83456-d57b-489c-a84c-4e8267bb592a:c9132121-a68f-476d-8dfe-71a8eaf03704</guid><dc:creator>Vasudeva</dc:creator><description>&lt;p&gt;Dear Stefan,&amp;nbsp;&lt;/p&gt;
&lt;p&gt;I tried your suggestion, but no luck, I even tried hardcoding the URI in a new interface as you did, still I&amp;#39;m not getting the image. Is there any limitation with community edition in loading URLs ?? tried with other URLs, they are working fine..&lt;/p&gt;
&lt;p&gt;One thing what is noticed is that the working URL is on HTTPS protocol where as the not working one is on HTTP, is there anywhere we need to configure to allow Appian to make connections over HTTP ??&amp;nbsp;&lt;/p&gt;
&lt;p&gt;On a side note, I&amp;#39;m able successfully integrate a SOAP API which is connected over HTTP&lt;/p&gt;
&lt;p&gt;&lt;em&gt;&lt;span style="text-decoration:underline;"&gt;&lt;strong&gt;Not Working&lt;/strong&gt;&lt;/span&gt;&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="/resized-image/__size/320x240/__key/communityserver-discussions-components-files/13/pastedimage1697161688021v1.png" alt=" " /&gt;&lt;/p&gt;
&lt;p&gt;&lt;em&gt;&lt;span style="text-decoration:underline;"&gt;&lt;strong&gt;Working&lt;/strong&gt;&lt;/span&gt;&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="/resized-image/__size/320x240/__key/communityserver-discussions-components-files/13/pastedimage1697161800176v2.png" alt=" " /&gt;&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;</description></item><item><title>RE: Viewing of externally hosted images in Appian Interface</title><link>https://community.appian.com/thread/120467?ContentTypeID=1</link><pubDate>Thu, 12 Oct 2023 18:05:43 GMT</pubDate><guid isPermaLink="false">d3a83456-d57b-489c-a84c-4e8267bb592a:e9331d9e-06b4-4c29-a7eb-0041e4686f20</guid><dc:creator>Stefan Helzle</dc:creator><description>&lt;p&gt;Works for me.&lt;/p&gt;
&lt;p&gt;&lt;img src="/resized-image/__size/320x240/__key/communityserver-discussions-components-files/13/pastedimage1697133814456v1.png" alt=" " /&gt;&lt;/p&gt;
&lt;p&gt;Maybe it is because your local variable &amp;quot;selectedCountry&amp;quot; is a list. Try fetch the first item from that list.&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;</description></item><item><title>RE: Viewing of externally hosted images in Appian Interface</title><link>https://community.appian.com/thread/120461?ContentTypeID=1</link><pubDate>Thu, 12 Oct 2023 15:37:07 GMT</pubDate><guid isPermaLink="false">d3a83456-d57b-489c-a84c-4e8267bb592a:727597c7-8632-4d69-82b4-a483ede711ef</guid><dc:creator>Vasudeva</dc:creator><description>&lt;p&gt;I&amp;#39;m trying the a!webImage but some how the images are not rendering in the UI, all other images from the web are loading in the a!webImage component. Even the URI I&amp;#39;m trying to render is also working when I load in the browser. Pls suggest what went wrong&lt;/p&gt;
&lt;p&gt;&lt;pre class="ui-code" data-mode="text"&gt;/*  INTERFACE CODE  *?

{
  a!localVariables(
    local!allCountriesList : rule!Tst_FullCountryInfoAllCountries(),
    local!selectedCountry: null,
    {
      a!sectionLayout(
        label: &amp;quot;Countries Information&amp;quot;,
        contents: {
          a!dropdownField(
            label: &amp;quot;Select the Country&amp;quot;,
            labelPosition: &amp;quot;ABOVE&amp;quot;,
            placeholder: &amp;quot;--- Select a Value ---&amp;quot;,
            choiceLabels: local!allCountriesList.sName,
            choiceValues: local!allCountriesList.sISOCode,
            value: local!selectedCountry.sISOCode,
            saveInto: {
              a!save(
                local!selectedCountry,
                index(
                  local!allCountriesList,
                  wherecontains(
                    save!value,
                    local!allCountriesList[&amp;quot;sISOCode&amp;quot;]
                  )
                )
              
              )
            },
            searchDisplay: &amp;quot;AUTO&amp;quot;,
            validations: {}
          ),
          a!imageField(
            label: &amp;quot;Country Flag&amp;quot;,
            labelPosition: &amp;quot;ABOVE&amp;quot;,
            images: {
              a!webImage(
                source: local!selectedCountry.sCountryFlag,
                altText: &amp;quot;image not found&amp;quot;
              )
            },
            size: &amp;quot;MEDIUM&amp;quot;,
            isThumbnail: false,
            style: &amp;quot;STANDARD&amp;quot;,
            showWhen: if(a!isNotNullOrEmpty(local!selectedCountry), true(), false())
          )
        }
        
      )
    }
  )

}

/*  VALUE OF selectedCountry  */

	
[sISOCode=AI, sName=Anguilla, sCapitalCity=The Valley, sPhoneCode=264, sContinentCode=AM, sCurrencyISOCode=CAD, sCountryFlag=http://www.oorsprong.org/WebSamples.CountryInfo/Flags/Anguilla.jpg, Languages=]&lt;/pre&gt;&lt;/p&gt;
&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;img src="/resized-image/__size/320x240/__key/communityserver-discussions-components-files/13/pastedimage1697124959124v1.png" alt=" " /&gt;&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;</description></item><item><title>RE: Viewing of externally hosted images in Appian Interface</title><link>https://community.appian.com/thread/75781?ContentTypeID=1</link><pubDate>Mon, 03 Aug 2020 22:48:13 GMT</pubDate><guid isPermaLink="false">d3a83456-d57b-489c-a84c-4e8267bb592a:97314080-007b-40da-8c98-65716e006b25</guid><dc:creator>Omkar Ambardekar</dc:creator><description>&lt;p&gt;You can use&amp;nbsp;a!documentViewerField to show a PDF preview, but the PDF document needs to be in Appian, can&amp;#39;t be an external link.&lt;/p&gt;
&lt;p&gt;&lt;span&gt;&lt;/span&gt;&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;</description></item><item><title>RE: Viewing of externally hosted images in Appian Interface</title><link>https://community.appian.com/thread/75718?ContentTypeID=1</link><pubDate>Fri, 31 Jul 2020 05:26:00 GMT</pubDate><guid isPermaLink="false">d3a83456-d57b-489c-a84c-4e8267bb592a:30e07854-d0b4-4871-899c-d70f82d23417</guid><dc:creator>dippomanm0002</dc:creator><description>&lt;p&gt;Is there any way to show the PDF file preview in the interface with a pdf file link saved in external repository? (Without using IDP)&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;</description></item><item><title>RE: Viewing of externally hosted images in Appian Interface</title><link>https://community.appian.com/thread/75707?ContentTypeID=1</link><pubDate>Thu, 30 Jul 2020 14:43:50 GMT</pubDate><guid isPermaLink="false">d3a83456-d57b-489c-a84c-4e8267bb592a:4e748b31-783c-4720-a942-eb6bf3002afc</guid><dc:creator>Omkar Ambardekar</dc:creator><description>&lt;p&gt;Assuming that the images hosted in the target system are accessible via a &lt;a href="https://docs.appian.com/suite/help/20.2/Appian_Data_Types.html#safeuri"&gt;SafeURI &lt;/a&gt;(&lt;code class="highlighter-rouge"&gt;http&lt;/code&gt;&lt;span&gt;,&amp;nbsp;&lt;/span&gt;&lt;code class="highlighter-rouge"&gt;https&lt;/code&gt;&lt;span&gt;,&amp;nbsp;&lt;/span&gt;&lt;code class="highlighter-rouge"&gt;ftp&lt;/code&gt;), you can use &lt;a href="https://docs.appian.com/suite/help/20.2/Web_Image_Component.html"&gt;a!webImage&lt;/a&gt; as shown in this tutorial -&amp;nbsp;&lt;a href="https://docs.appian.com/suite/help/20.2/cards-as-list-items-pattern.html"&gt;https://docs.appian.com/suite/help/20.2/cards-as-list-items-pattern.html&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;The local!houses variable in the tutorial is the equivalent of your JSON data.&lt;/p&gt;&lt;div style="clear:both;"&gt;&lt;/div&gt;</description></item></channel></rss>