<?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 widgets in 4.18 in ArcGIS JavaScript Maps SDK Questions</title>
    <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/custom-widgets-in-4-18/m-p/1022764#M71603</link>
    <description>&lt;P&gt;I'm trying to implement a custom widget using example code from &lt;A href="https://github.com/Esri/jsapi-resources/tree/master/4.x/typescript" target="_blank" rel="noopener"&gt;ESRI's jsapi-resources GitHub repo&lt;/A&gt;&amp;nbsp;TypeScript application as the basic structure, and&amp;nbsp;&lt;A href="https://developers.arcgis.com/javascript/latest/sample-code/widgets-custom-recenter/" target="_self"&gt;ESRI's sample code&lt;/A&gt;&amp;nbsp;from the ArcGIS for Javascript API documentation for a custom widget.&lt;/P&gt;&lt;P&gt;When I implement the custom Recenter widget in the basic typescript application it throws this error:&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Anthony-MTFWP_0-1612300193245.png" style="width: 400px;"&gt;&lt;img src="https://community.esri.com/t5/image/serverpage/image-id/5163i55CE5F7F71FE99F7/image-size/medium?v=v2&amp;amp;px=400" role="button" title="Anthony-MTFWP_0-1612300193245.png" alt="Anthony-MTFWP_0-1612300193245.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;Viewing the transpiled JavaScript file it &lt;EM&gt;is&amp;nbsp;&lt;/EM&gt;using the 'new' keyword to construct the widget instance.&amp;nbsp;Interestingly, the '&lt;A href="https://developers.arcgis.com/javascript/latest/sample-code/widgets-custom-recenter/live/" target="_self"&gt;View Live&lt;/A&gt;' link on the sample code page is also not working:&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Anthony-MTFWP_1-1612300278907.png" style="width: 400px;"&gt;&lt;img src="https://community.esri.com/t5/image/serverpage/image-id/5164i75404A7DC35AD942/image-size/medium?v=v2&amp;amp;px=400" role="button" title="Anthony-MTFWP_1-1612300278907.png" alt="Anthony-MTFWP_1-1612300278907.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;Is there something that changed in 4.18 related to widgets that hasn't been accounted for in the sample code examples yet?&lt;/P&gt;&lt;P&gt;I have a working application on 4.13 that uses a custom widget based on the Share widget in ESRI's&amp;nbsp;&lt;A href="https://github.com/Esri/configurable-app-components" target="_self"&gt;configurable-app-components&lt;/A&gt;&amp;nbsp;repo. I get a similar dojoLoader error when trying to use that widget in the 4.18 sample application, even when modified to follow the patterns in the current version of the repo, as far as I can tell. Is there a recommended way to build and import a .tsx widget that works with the 4.18 sample application?&lt;/P&gt;</description>
    <pubDate>Tue, 02 Feb 2021 21:21:24 GMT</pubDate>
    <dc:creator>Anonymous User</dc:creator>
    <dc:date>2021-02-02T21:21:24Z</dc:date>
    <item>
      <title>Custom widgets in 4.18</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/custom-widgets-in-4-18/m-p/1022764#M71603</link>
      <description>&lt;P&gt;I'm trying to implement a custom widget using example code from &lt;A href="https://github.com/Esri/jsapi-resources/tree/master/4.x/typescript" target="_blank" rel="noopener"&gt;ESRI's jsapi-resources GitHub repo&lt;/A&gt;&amp;nbsp;TypeScript application as the basic structure, and&amp;nbsp;&lt;A href="https://developers.arcgis.com/javascript/latest/sample-code/widgets-custom-recenter/" target="_self"&gt;ESRI's sample code&lt;/A&gt;&amp;nbsp;from the ArcGIS for Javascript API documentation for a custom widget.&lt;/P&gt;&lt;P&gt;When I implement the custom Recenter widget in the basic typescript application it throws this error:&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Anthony-MTFWP_0-1612300193245.png" style="width: 400px;"&gt;&lt;img src="https://community.esri.com/t5/image/serverpage/image-id/5163i55CE5F7F71FE99F7/image-size/medium?v=v2&amp;amp;px=400" role="button" title="Anthony-MTFWP_0-1612300193245.png" alt="Anthony-MTFWP_0-1612300193245.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;Viewing the transpiled JavaScript file it &lt;EM&gt;is&amp;nbsp;&lt;/EM&gt;using the 'new' keyword to construct the widget instance.&amp;nbsp;Interestingly, the '&lt;A href="https://developers.arcgis.com/javascript/latest/sample-code/widgets-custom-recenter/live/" target="_self"&gt;View Live&lt;/A&gt;' link on the sample code page is also not working:&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Anthony-MTFWP_1-1612300278907.png" style="width: 400px;"&gt;&lt;img src="https://community.esri.com/t5/image/serverpage/image-id/5164i75404A7DC35AD942/image-size/medium?v=v2&amp;amp;px=400" role="button" title="Anthony-MTFWP_1-1612300278907.png" alt="Anthony-MTFWP_1-1612300278907.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;Is there something that changed in 4.18 related to widgets that hasn't been accounted for in the sample code examples yet?&lt;/P&gt;&lt;P&gt;I have a working application on 4.13 that uses a custom widget based on the Share widget in ESRI's&amp;nbsp;&lt;A href="https://github.com/Esri/configurable-app-components" target="_self"&gt;configurable-app-components&lt;/A&gt;&amp;nbsp;repo. I get a similar dojoLoader error when trying to use that widget in the 4.18 sample application, even when modified to follow the patterns in the current version of the repo, as far as I can tell. Is there a recommended way to build and import a .tsx widget that works with the 4.18 sample application?&lt;/P&gt;</description>
      <pubDate>Tue, 02 Feb 2021 21:21:24 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/custom-widgets-in-4-18/m-p/1022764#M71603</guid>
      <dc:creator>Anonymous User</dc:creator>
      <dc:date>2021-02-02T21:21:24Z</dc:date>
    </item>
  </channel>
</rss>

