<?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: costume widget not loading in ArcGIS JavaScript Maps SDK Questions</title>
    <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/costume-widget-not-loading/m-p/142341#M13283</link>
    <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;OK so I found this&amp;nbsp;for the js vanilla api:&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&lt;A href="https://developers.arcgis.com/javascript/latest/guide/custom-widget/index.html#development-requirements"&gt;https://developers.arcgis.com/javascript/latest/guide/custom-widget/index.html#development-requirements&lt;/A&gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;so just to be sure, where can i add my WAB widget to?&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;again sorry for not understanding&amp;nbsp;I built the app with the WAB so I assumed that I can add it.&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
    <pubDate>Tue, 21 May 2019 15:01:52 GMT</pubDate>
    <dc:creator>deleted-user-wcpelUUf_XXx</dc:creator>
    <dc:date>2019-05-21T15:01:52Z</dc:date>
    <item>
      <title>costume widget not loading</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/costume-widget-not-loading/m-p/142335#M13277</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;I am trying to build a simple widget that adds and delete a heatmap.&lt;/P&gt;&lt;P&gt;I started a costume widget adding html(why are there two html files(widget and widget html)) css and js&lt;/P&gt;&lt;P&gt;and can add it to a web application (not loading i assume because my code is faulty)&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;heres a codepen for the widget:&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&lt;A href="https://codepen.io/segev-salman/pen/EzbxBP"&gt;https://codepen.io/segev-salman/pen/EzbxBP&lt;/A&gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;here is the webmap if its relevent:&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&lt;A class="link-titled" href="https://segseg12.maps.arcgis.com/apps/webappviewer/index.html?id=6ba0add2898646d5916c9fe093bfc87d" title="https://segseg12.maps.arcgis.com/apps/webappviewer/index.html?id=6ba0add2898646d5916c9fe093bfc87d"&gt;ArcGIS Web Application&lt;/A&gt;&amp;nbsp;&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Tue, 21 May 2019 10:41:55 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/costume-widget-not-loading/m-p/142335#M13277</guid>
      <dc:creator>deleted-user-wcpelUUf_XXx</dc:creator>
      <dc:date>2019-05-21T10:41:55Z</dc:date>
    </item>
    <item>
      <title>Re: costume widget not loading</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/costume-widget-not-loading/m-p/142336#M13278</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Segev,&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp; &amp;nbsp;You can Not use a custom Web App Builder widget inside a vanilla JS API application. WAB Widgets are dependent on Many other files in the WAB application and the jimu framework.&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Tue, 21 May 2019 12:40:19 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/costume-widget-not-loading/m-p/142336#M13278</guid>
      <dc:creator>RobertScheitlin__GISP</dc:creator>
      <dc:date>2019-05-21T12:40:19Z</dc:date>
    </item>
    <item>
      <title>Re: costume widget not loading</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/costume-widget-not-loading/m-p/142337#M13279</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Robert,&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;I am not sure if you understand, I am not trying to use it inside a vanilla JS i just used the codepen to display my code.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;I downloaded the app and following the&amp;nbsp;api guide to use a costume widget. all the&amp;nbsp;files in here are copied from a new simple widget folder that i added to my "arcgis-web-appbuilder- 2.12\WebAppBuilderForArcGIS\client\stemapp\widgets" folder the widget is appearing in the web app builder when I add a widget but when i open it it doesn't load.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;if you did understand and I am wrong could you please direct me to what am i missing?&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Tue, 21 May 2019 13:57:23 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/costume-widget-not-loading/m-p/142337#M13279</guid>
      <dc:creator>deleted-user-wcpelUUf_XXx</dc:creator>
      <dc:date>2019-05-21T13:57:23Z</dc:date>
    </item>
    <item>
      <title>Re: costume widget not loading</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/costume-widget-not-loading/m-p/142338#M13280</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Segev,&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&lt;SPAN style="background-color: #ffffff;"&gt;You can &lt;STRONG&gt;NOT&lt;/STRONG&gt;&amp;nbsp;use a custom Web App Builder widget inside a vanilla JS API application.&lt;/SPAN&gt;&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Tue, 21 May 2019 14:03:46 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/costume-widget-not-loading/m-p/142338#M13280</guid>
      <dc:creator>RobertScheitlin__GISP</dc:creator>
      <dc:date>2019-05-21T14:03:46Z</dc:date>
    </item>
    <item>
      <title>Re: costume widget not loading</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/costume-widget-not-loading/m-p/142339#M13281</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Robert.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;sorry for being dense, but is this not vanilla js?&lt;/P&gt;&lt;P&gt;&lt;A href="https://developers.arcgis.com/web-appbuilder/sample-code/create-custom-in-panel-widget.htm"&gt;https://developers.arcgis.com/web-appbuilder/sample-code/create-custom-in-panel-widget.htm&lt;/A&gt;&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Tue, 21 May 2019 14:20:11 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/costume-widget-not-loading/m-p/142339#M13281</guid>
      <dc:creator>deleted-user-wcpelUUf_XXx</dc:creator>
      <dc:date>2019-05-21T14:20:11Z</dc:date>
    </item>
    <item>
      <title>Re: costume widget not loading</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/costume-widget-not-loading/m-p/142340#M13282</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Segev,&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp; &amp;nbsp;You are trying to add a WAB widget into a JS API 4.11 app (vanilla js api app). You can not do that.&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Tue, 21 May 2019 14:22:40 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/costume-widget-not-loading/m-p/142340#M13282</guid>
      <dc:creator>RobertScheitlin__GISP</dc:creator>
      <dc:date>2019-05-21T14:22:40Z</dc:date>
    </item>
    <item>
      <title>Re: costume widget not loading</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/costume-widget-not-loading/m-p/142341#M13283</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;OK so I found this&amp;nbsp;for the js vanilla api:&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&lt;A href="https://developers.arcgis.com/javascript/latest/guide/custom-widget/index.html#development-requirements"&gt;https://developers.arcgis.com/javascript/latest/guide/custom-widget/index.html#development-requirements&lt;/A&gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;so just to be sure, where can i add my WAB widget to?&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;again sorry for not understanding&amp;nbsp;I built the app with the WAB so I assumed that I can add it.&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Tue, 21 May 2019 15:01:52 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/costume-widget-not-loading/m-p/142341#M13283</guid>
      <dc:creator>deleted-user-wcpelUUf_XXx</dc:creator>
      <dc:date>2019-05-21T15:01:52Z</dc:date>
    </item>
    <item>
      <title>Re: costume widget not loading</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/costume-widget-not-loading/m-p/142342#M13284</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Segev,&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;The codepen you linked has nothing to do with a WAB app.&amp;nbsp; WAB widget can only be added to an app that is built using Web App Builder.&lt;/P&gt;&lt;P&gt;&lt;A href="https://developers.arcgis.com/web-appbuilder/"&gt;https://developers.arcgis.com/web-appbuilder/&lt;/A&gt;&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Tue, 21 May 2019 15:10:15 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/costume-widget-not-loading/m-p/142342#M13284</guid>
      <dc:creator>RobertScheitlin__GISP</dc:creator>
      <dc:date>2019-05-21T15:10:15Z</dc:date>
    </item>
    <item>
      <title>Re: costume widget not loading</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/costume-widget-not-loading/m-p/142343#M13285</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Robert,&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;I might have badly communicated so this is what i actually did , you say I am using a WAB widget and that it could only be to an WAB app and thats what i did.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;so this is my widget file in the WAB&lt;IMG alt="" class="image-1 jive-image j-img-original" src="/legacyfs/online/448076_files on my pc.png" /&gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;this is my WAB&lt;/P&gt;&lt;P&gt;&lt;IMG alt="my WAB" class="image-2 jive-image j-img-original" src="/legacyfs/online/448077_my WAB.png" /&gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;here is my widget on the WAB i can see and add it&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&lt;IMG alt="widget on WAB" class="image-3 jive-image j-img-original" src="https://community.esri.com/legacyfs/online/448078_widget.png" /&gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;here is the problem i think it doesn't work because of my&amp;nbsp; code and i am not sure how to display all those files so i made the code pen i am not expecting the codepen to work&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&lt;IMG alt="the problem" class="image-4 jive-image j-img-original" src="https://community.esri.com/legacyfs/online/448080_problem.png" /&gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;If i am wrong about this sorry i wasted so much of your time I am trying.&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Tue, 21 May 2019 15:53:47 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/costume-widget-not-loading/m-p/142343#M13285</guid>
      <dc:creator>deleted-user-wcpelUUf_XXx</dc:creator>
      <dc:date>2019-05-21T15:53:47Z</dc:date>
    </item>
    <item>
      <title>Re: costume widget not loading</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/costume-widget-not-loading/m-p/142344#M13286</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Segev,&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp; OK, now I understand. But you still have a lot to learn. WAB 2D apps use the 3.x JS API and you are attempting to use the 4.x API and you can not do that.&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Tue, 21 May 2019 16:01:32 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/costume-widget-not-loading/m-p/142344#M13286</guid>
      <dc:creator>RobertScheitlin__GISP</dc:creator>
      <dc:date>2019-05-21T16:01:32Z</dc:date>
    </item>
  </channel>
</rss>

