<?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 Custom Popups using ArcGIS Online / Portal in Web AppBuilder Custom Widgets Questions</title>
    <link>https://community.esri.com/t5/web-appbuilder-custom-widgets-questions/custom-popups-using-arcgis-online-portal/m-p/821880#M7474</link>
    <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Hi Everyone!&lt;/P&gt;&lt;P style="min-height: 8pt; padding: 0px;"&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;I am trying to migrate an existing system which uses HTMl to define the popup information, to our ESRI solution which uses Web App Builder &amp;amp; Portal.&lt;/P&gt;&lt;P style="min-height: 8pt; padding: 0px;"&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;I know the new workflow is to define Popups through Portal, but our popups use the Google Charts API - some of these can be embedded as URL images, but that API is deprecated, and the majority of charts use the new Google Charts JavaScript API.&lt;/P&gt;&lt;P style="min-height: 8pt; padding: 0px;"&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;Unfortunately, Portal or AGOL, does not allow us to configure HTML popups (would be a nice idea through!), so I thought I would create an off panel widget which defines the Info templates and adds the layers to the map manually.&lt;/P&gt;&lt;P style="min-height: 8pt; padding: 0px;"&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;I am having some issues:&lt;/P&gt;&lt;P style="min-height: 8pt; padding: 0px;"&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;1) Could i simply get the required web map layers, and define the required infotemplates and assign against the layer using setInfoTemplate?&lt;/P&gt;&lt;P&gt;2) After adding the layers locally (outside of webmap using this.map.addLayer()), setting info templates, clicking on the feature nothing happens.&amp;nbsp; Even the opacity option has not been honoured.&lt;/P&gt;&lt;P style="min-height: 8pt; padding: 0px;"&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;Am I missing something??&lt;/P&gt;&lt;P style="min-height: 8pt; padding: 0px;"&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;I have followed this approach, found here: &lt;STRONG&gt;&lt;A class="jive-link-external-small" href="https://developers.arcgis.com/javascript/jssamples/map_twodynamic.html" rel="nofollow" target="_blank"&gt;Add two dynamic maps | ArcGIS API for JavaScript&lt;/A&gt; &lt;/STRONG&gt;:&lt;/P&gt;&lt;P&gt;&lt;SPAN class="pln" style="color: #000000;"&gt; demographicsLayer&lt;/SPAN&gt;&lt;SPAN class="pun" style="color: #666600;"&gt;.&lt;/SPAN&gt;&lt;SPAN class="pln" style="color: #000000;"&gt;setInfoTemplates&lt;/SPAN&gt;&lt;SPAN class="pun" style="color: #666600;"&gt;({&lt;/SPAN&gt;&lt;SPAN class="pln" style="color: #000000;"&gt;&lt;BR /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/SPAN&gt;&lt;SPAN class="lit" style="color: #006666;"&gt;1&lt;/SPAN&gt;&lt;SPAN class="pun" style="color: #666600;"&gt;:&lt;/SPAN&gt;&lt;SPAN class="pln" style="color: #000000;"&gt; &lt;/SPAN&gt;&lt;SPAN class="pun" style="color: #666600;"&gt;{&lt;/SPAN&gt;&lt;SPAN class="pln" style="color: #000000;"&gt; infoTemplate&lt;/SPAN&gt;&lt;SPAN class="pun" style="color: #666600;"&gt;:&lt;/SPAN&gt;&lt;SPAN class="pln" style="color: #000000;"&gt; _blockGroupInfoTemplate &lt;/SPAN&gt;&lt;SPAN class="pun" style="color: #666600;"&gt;},&lt;/SPAN&gt;&lt;SPAN class="pln" style="color: #000000;"&gt;&lt;BR /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/SPAN&gt;&lt;SPAN class="lit" style="color: #006666;"&gt;2&lt;/SPAN&gt;&lt;SPAN class="pun" style="color: #666600;"&gt;:&lt;/SPAN&gt;&lt;SPAN class="pln" style="color: #000000;"&gt; &lt;/SPAN&gt;&lt;SPAN class="pun" style="color: #666600;"&gt;{&lt;/SPAN&gt;&lt;SPAN class="pln" style="color: #000000;"&gt; infoTemplate&lt;/SPAN&gt;&lt;SPAN class="pun" style="color: #666600;"&gt;:&lt;/SPAN&gt;&lt;SPAN class="pln" style="color: #000000;"&gt; _countyCensusInfoTemplate &lt;/SPAN&gt;&lt;SPAN class="pun" style="color: #666600;"&gt;}&lt;/SPAN&gt;&lt;SPAN class="pln" style="color: #000000;"&gt;&lt;BR /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/SPAN&gt;&lt;SPAN class="pun" style="color: #666600;"&gt;});&lt;/SPAN&gt;&lt;/P&gt;&lt;P style="min-height: 8pt; padding: 0px;"&gt;&lt;SPAN class="pun" style="color: #666600;"&gt;&lt;/SPAN&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&lt;SPAN class="pun" style="color: #666600;"&gt;Any thoughts / Guidance and pointers greatly appreciated.&lt;/SPAN&gt;&lt;/P&gt;&lt;P style="min-height: 8pt; padding: 0px;"&gt;&lt;SPAN class="pun" style="color: #666600;"&gt;&lt;/SPAN&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&lt;SPAN class="pun" style="color: #666600;"&gt;Thanks,&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&lt;SPAN class="pun" style="color: #666600;"&gt;Steve&lt;/SPAN&gt;&lt;/P&gt;&lt;P style="min-height: 8pt; padding: 0px;"&gt;&lt;SPAN class="pun" style="color: #666600;"&gt;&lt;/SPAN&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&lt;SPAN class="pun" style="color: #666600;"&gt;p.s. I do not have the option of not using Google Charts &lt;span class="lia-unicode-emoji" title=":confused_face:"&gt;😕&lt;/span&gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
    <pubDate>Mon, 02 Mar 2015 17:21:48 GMT</pubDate>
    <dc:creator>EMEAIT</dc:creator>
    <dc:date>2015-03-02T17:21:48Z</dc:date>
    <item>
      <title>Custom Popups using ArcGIS Online / Portal</title>
      <link>https://community.esri.com/t5/web-appbuilder-custom-widgets-questions/custom-popups-using-arcgis-online-portal/m-p/821880#M7474</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Hi Everyone!&lt;/P&gt;&lt;P style="min-height: 8pt; padding: 0px;"&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;I am trying to migrate an existing system which uses HTMl to define the popup information, to our ESRI solution which uses Web App Builder &amp;amp; Portal.&lt;/P&gt;&lt;P style="min-height: 8pt; padding: 0px;"&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;I know the new workflow is to define Popups through Portal, but our popups use the Google Charts API - some of these can be embedded as URL images, but that API is deprecated, and the majority of charts use the new Google Charts JavaScript API.&lt;/P&gt;&lt;P style="min-height: 8pt; padding: 0px;"&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;Unfortunately, Portal or AGOL, does not allow us to configure HTML popups (would be a nice idea through!), so I thought I would create an off panel widget which defines the Info templates and adds the layers to the map manually.&lt;/P&gt;&lt;P style="min-height: 8pt; padding: 0px;"&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;I am having some issues:&lt;/P&gt;&lt;P style="min-height: 8pt; padding: 0px;"&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;1) Could i simply get the required web map layers, and define the required infotemplates and assign against the layer using setInfoTemplate?&lt;/P&gt;&lt;P&gt;2) After adding the layers locally (outside of webmap using this.map.addLayer()), setting info templates, clicking on the feature nothing happens.&amp;nbsp; Even the opacity option has not been honoured.&lt;/P&gt;&lt;P style="min-height: 8pt; padding: 0px;"&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;Am I missing something??&lt;/P&gt;&lt;P style="min-height: 8pt; padding: 0px;"&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;I have followed this approach, found here: &lt;STRONG&gt;&lt;A class="jive-link-external-small" href="https://developers.arcgis.com/javascript/jssamples/map_twodynamic.html" rel="nofollow" target="_blank"&gt;Add two dynamic maps | ArcGIS API for JavaScript&lt;/A&gt; &lt;/STRONG&gt;:&lt;/P&gt;&lt;P&gt;&lt;SPAN class="pln" style="color: #000000;"&gt; demographicsLayer&lt;/SPAN&gt;&lt;SPAN class="pun" style="color: #666600;"&gt;.&lt;/SPAN&gt;&lt;SPAN class="pln" style="color: #000000;"&gt;setInfoTemplates&lt;/SPAN&gt;&lt;SPAN class="pun" style="color: #666600;"&gt;({&lt;/SPAN&gt;&lt;SPAN class="pln" style="color: #000000;"&gt;&lt;BR /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/SPAN&gt;&lt;SPAN class="lit" style="color: #006666;"&gt;1&lt;/SPAN&gt;&lt;SPAN class="pun" style="color: #666600;"&gt;:&lt;/SPAN&gt;&lt;SPAN class="pln" style="color: #000000;"&gt; &lt;/SPAN&gt;&lt;SPAN class="pun" style="color: #666600;"&gt;{&lt;/SPAN&gt;&lt;SPAN class="pln" style="color: #000000;"&gt; infoTemplate&lt;/SPAN&gt;&lt;SPAN class="pun" style="color: #666600;"&gt;:&lt;/SPAN&gt;&lt;SPAN class="pln" style="color: #000000;"&gt; _blockGroupInfoTemplate &lt;/SPAN&gt;&lt;SPAN class="pun" style="color: #666600;"&gt;},&lt;/SPAN&gt;&lt;SPAN class="pln" style="color: #000000;"&gt;&lt;BR /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/SPAN&gt;&lt;SPAN class="lit" style="color: #006666;"&gt;2&lt;/SPAN&gt;&lt;SPAN class="pun" style="color: #666600;"&gt;:&lt;/SPAN&gt;&lt;SPAN class="pln" style="color: #000000;"&gt; &lt;/SPAN&gt;&lt;SPAN class="pun" style="color: #666600;"&gt;{&lt;/SPAN&gt;&lt;SPAN class="pln" style="color: #000000;"&gt; infoTemplate&lt;/SPAN&gt;&lt;SPAN class="pun" style="color: #666600;"&gt;:&lt;/SPAN&gt;&lt;SPAN class="pln" style="color: #000000;"&gt; _countyCensusInfoTemplate &lt;/SPAN&gt;&lt;SPAN class="pun" style="color: #666600;"&gt;}&lt;/SPAN&gt;&lt;SPAN class="pln" style="color: #000000;"&gt;&lt;BR /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/SPAN&gt;&lt;SPAN class="pun" style="color: #666600;"&gt;});&lt;/SPAN&gt;&lt;/P&gt;&lt;P style="min-height: 8pt; padding: 0px;"&gt;&lt;SPAN class="pun" style="color: #666600;"&gt;&lt;/SPAN&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&lt;SPAN class="pun" style="color: #666600;"&gt;Any thoughts / Guidance and pointers greatly appreciated.&lt;/SPAN&gt;&lt;/P&gt;&lt;P style="min-height: 8pt; padding: 0px;"&gt;&lt;SPAN class="pun" style="color: #666600;"&gt;&lt;/SPAN&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&lt;SPAN class="pun" style="color: #666600;"&gt;Thanks,&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&lt;SPAN class="pun" style="color: #666600;"&gt;Steve&lt;/SPAN&gt;&lt;/P&gt;&lt;P style="min-height: 8pt; padding: 0px;"&gt;&lt;SPAN class="pun" style="color: #666600;"&gt;&lt;/SPAN&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&lt;SPAN class="pun" style="color: #666600;"&gt;p.s. I do not have the option of not using Google Charts &lt;span class="lia-unicode-emoji" title=":confused_face:"&gt;😕&lt;/span&gt;&lt;/SPAN&gt;&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Mon, 02 Mar 2015 17:21:48 GMT</pubDate>
      <guid>https://community.esri.com/t5/web-appbuilder-custom-widgets-questions/custom-popups-using-arcgis-online-portal/m-p/821880#M7474</guid>
      <dc:creator>EMEAIT</dc:creator>
      <dc:date>2015-03-02T17:21:48Z</dc:date>
    </item>
  </channel>
</rss>

