<?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 Get UI to respond to change in visibleElements.createTools in ArcGIS JavaScript Maps SDK Questions</title>
    <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/get-ui-to-respond-to-change-in-visibleelements/m-p/1249121#M79949</link>
    <description>&lt;DIV&gt;&lt;DIV&gt;&lt;SPAN&gt;&lt;SPAN&gt;Hello &lt;SPAN&gt;there&lt;SPAN&gt;,&lt;BR /&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;DIV&gt;&lt;SPAN&gt;&lt;SPAN&gt;I &lt;SPAN&gt;have &lt;SPAN&gt;a &lt;SPAN&gt;map &lt;SPAN&gt;that &lt;SPAN&gt;I &lt;SPAN&gt;am &lt;SPAN&gt;constructing &lt;SPAN&gt;as &lt;SPAN&gt;part &lt;SPAN&gt;of &lt;SPAN&gt;a &lt;SPAN&gt;jQuery &lt;SPAN&gt;widget &lt;SPAN&gt;and &lt;SPAN&gt;that &lt;SPAN&gt;map &lt;SPAN&gt;has &lt;SPAN&gt;the &lt;SPAN&gt;sketch &lt;SPAN&gt;controls &lt;SPAN&gt;on &lt;SPAN&gt;it &lt;SPAN&gt;and &lt;SPAN&gt;is &lt;SPAN&gt;configured &lt;SPAN&gt;as &lt;SPAN&gt;below&lt;SPAN&gt;&amp;nbsp;(&lt;SPAN&gt;partial &lt;SPAN&gt;snippet &lt;SPAN&gt;but &lt;SPAN&gt;gets &lt;SPAN&gt;the &lt;SPAN&gt;idea &lt;SPAN&gt;across&lt;SPAN&gt;) :&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;LI-CODE lang="javascript"&gt;esriConfig.portalUrl = this.options.portalUrl;
this.graphicsLayer = new GraphicsLayer();
// create the webmap using the desired portal id
this.webMap = new WebMap({
    portalItem: {
        id: this.options.portalId
    },
    layers: [this.graphicsLayer]
});
this.view = new MapView({
    container: mapContainerId,
    map: this.webMap
});
this.sketch = new Sketch({
    layer: this.graphicsLayer,
    view: this.view,
    visibleElements: {
        createTools: {
            "circle": this.options.createTools.circle,
            "point": this.options.createTools.point,
            "polygon": this.options.createTools.polygon,
            "polyline": this.options.createTools.polyline,
            "rectangle": this.options.createTools.rectangle
        },
        selectionTools: {
            "lasso-selection": false,
            "rectangle-selection": false,
        },
        settingsMenu: this.options.settingsMenu,
        undoRedoMenu: this.options.undoRedoMenu
    }
});
this.view.ui.add(this.sketch, this.options.controlsPosition);&lt;/LI-CODE&gt;&lt;P&gt;&lt;SPAN&gt;I&lt;/SPAN&gt; &lt;SPAN&gt;have&lt;/SPAN&gt; &lt;SPAN&gt;a&lt;/SPAN&gt; &lt;SPAN&gt;method&lt;/SPAN&gt; &lt;SPAN&gt;on&lt;/SPAN&gt; &lt;SPAN&gt;the&lt;/SPAN&gt; &lt;SPAN&gt;widget&lt;/SPAN&gt; &lt;SPAN&gt;that&lt;/SPAN&gt; &lt;SPAN&gt;I&lt;/SPAN&gt; &lt;SPAN&gt;can&lt;/SPAN&gt; &lt;SPAN&gt;then&lt;/SPAN&gt; &lt;SPAN&gt;call&lt;/SPAN&gt; &lt;SPAN&gt;that&lt;/SPAN&gt; &lt;SPAN&gt;changes&lt;/SPAN&gt; &lt;SPAN&gt;the&lt;/SPAN&gt; &lt;SPAN&gt;visibility&lt;/SPAN&gt; &lt;SPAN&gt;of&lt;/SPAN&gt; &lt;SPAN&gt;the&lt;/SPAN&gt; &lt;SPAN&gt;createTools&lt;/SPAN&gt; &lt;SPAN&gt;based&lt;/SPAN&gt; &lt;SPAN&gt;on&lt;/SPAN&gt; &lt;SPAN&gt;the&lt;/SPAN&gt; &lt;SPAN&gt;name&lt;/SPAN&gt; &lt;SPAN&gt;of&lt;/SPAN&gt; &lt;SPAN&gt;the&lt;/SPAN&gt; &lt;SPAN&gt;tool&lt;/SPAN&gt; &lt;SPAN&gt;passed&lt;/SPAN&gt; &lt;SPAN&gt;in&lt;/SPAN&gt;&lt;SPAN&gt;:&lt;/SPAN&gt;&lt;/P&gt;&lt;LI-CODE lang="javascript"&gt;toggleTool: function (tool, value) {
    this.sketch.visibleElements.createTools[tool] = value;
    //what to call here!?!
}&lt;/LI-CODE&gt;&lt;P&gt;&lt;SPAN&gt;Then&lt;/SPAN&gt; &lt;SPAN&gt;I&lt;/SPAN&gt; &lt;SPAN&gt;call&lt;/SPAN&gt; &lt;SPAN&gt;it&lt;/SPAN&gt; &lt;SPAN&gt;as&lt;/SPAN&gt; &lt;SPAN&gt;per&lt;/SPAN&gt;&lt;SPAN&gt;:&lt;/SPAN&gt;&lt;/P&gt;&lt;LI-CODE lang="javascript"&gt;$("#map").mapcontrol("toggleTool", "circle", true);&lt;/LI-CODE&gt;&lt;P&gt;&lt;SPAN&gt;The&lt;/SPAN&gt; &lt;SPAN&gt;circle&lt;/SPAN&gt; &lt;SPAN&gt;value&lt;/SPAN&gt; &lt;SPAN&gt;gets&lt;/SPAN&gt; &lt;SPAN&gt;toggled&lt;/SPAN&gt; &lt;SPAN&gt;to&lt;/SPAN&gt; &lt;SPAN&gt;true&lt;/SPAN&gt; &lt;SPAN&gt;as&lt;/SPAN&gt; &lt;SPAN&gt;expected&lt;/SPAN&gt;&lt;SPAN&gt;.&amp;nbsp; &lt;/SPAN&gt;&lt;SPAN&gt;If&lt;/SPAN&gt; &lt;SPAN&gt;I&lt;/SPAN&gt; &lt;SPAN&gt;then&lt;/SPAN&gt;&lt;SPAN&gt;&amp;nbsp;&lt;/SPAN&gt;&lt;SPAN&gt;click&lt;/SPAN&gt; &lt;SPAN&gt;the&lt;/SPAN&gt; &lt;SPAN&gt;tool&lt;/SPAN&gt; &lt;SPAN&gt;bar&lt;/SPAN&gt; &lt;SPAN&gt;or&lt;/SPAN&gt; &lt;SPAN&gt;the&lt;/SPAN&gt; &lt;SPAN&gt;zoom&lt;/SPAN&gt; &lt;SPAN&gt;in&lt;/SPAN&gt;&lt;SPAN&gt; / &lt;/SPAN&gt;&lt;SPAN&gt;zoom&lt;/SPAN&gt; &lt;SPAN&gt;out&lt;/SPAN&gt; &lt;SPAN&gt;icons&lt;/SPAN&gt; &lt;SPAN&gt;on&lt;/SPAN&gt; &lt;SPAN&gt;the&lt;/SPAN&gt; &lt;SPAN&gt;map&lt;/SPAN&gt; &lt;SPAN&gt;after&lt;/SPAN&gt; &lt;SPAN&gt;toggling&lt;/SPAN&gt; &lt;SPAN&gt;the&lt;/SPAN&gt; &lt;SPAN&gt;value&lt;/SPAN&gt; &lt;SPAN&gt;then&lt;/SPAN&gt; &lt;SPAN&gt;the&lt;/SPAN&gt; &lt;SPAN&gt;circle&lt;/SPAN&gt; &lt;SPAN&gt;tool&lt;/SPAN&gt; &lt;SPAN&gt;appears&lt;/SPAN&gt;&lt;SPAN&gt;.&lt;/SPAN&gt;&lt;/P&gt;&lt;DIV&gt;&lt;DIV&gt;&lt;SPAN&gt;The&lt;/SPAN&gt; &lt;SPAN&gt;thing&lt;/SPAN&gt; &lt;SPAN&gt;I&lt;/SPAN&gt; &lt;SPAN&gt;am&lt;/SPAN&gt; &lt;SPAN&gt;struggling&lt;/SPAN&gt; &lt;SPAN&gt;with&lt;/SPAN&gt; &lt;SPAN&gt;and&lt;/SPAN&gt; &lt;SPAN&gt;I&lt;/SPAN&gt;&lt;SPAN&gt;'m sure it is going to be something really simple is what method to call to get the tool UI to refresh after the tool gets toggled&lt;/SPAN&gt;&lt;SPAN&gt;?&lt;/SPAN&gt;&lt;/DIV&gt;&lt;BR /&gt;&lt;DIV&gt;&lt;SPAN&gt;I&lt;/SPAN&gt;&lt;SPAN&gt;'ve tried calling various methods but have not been able to work out the correct way to do it&lt;/SPAN&gt;&lt;SPAN&gt;.&lt;/SPAN&gt;&lt;/DIV&gt;&lt;BR /&gt;&lt;DIV&gt;&lt;SPAN&gt;Thanks&lt;/SPAN&gt;&lt;SPAN&gt;&amp;nbsp;&lt;/SPAN&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
    <pubDate>Wed, 18 Jan 2023 16:39:24 GMT</pubDate>
    <dc:creator>nevvo</dc:creator>
    <dc:date>2023-01-18T16:39:24Z</dc:date>
    <item>
      <title>Get UI to respond to change in visibleElements.createTools</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/get-ui-to-respond-to-change-in-visibleelements/m-p/1249121#M79949</link>
      <description>&lt;DIV&gt;&lt;DIV&gt;&lt;SPAN&gt;&lt;SPAN&gt;Hello &lt;SPAN&gt;there&lt;SPAN&gt;,&lt;BR /&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;DIV&gt;&lt;SPAN&gt;&lt;SPAN&gt;I &lt;SPAN&gt;have &lt;SPAN&gt;a &lt;SPAN&gt;map &lt;SPAN&gt;that &lt;SPAN&gt;I &lt;SPAN&gt;am &lt;SPAN&gt;constructing &lt;SPAN&gt;as &lt;SPAN&gt;part &lt;SPAN&gt;of &lt;SPAN&gt;a &lt;SPAN&gt;jQuery &lt;SPAN&gt;widget &lt;SPAN&gt;and &lt;SPAN&gt;that &lt;SPAN&gt;map &lt;SPAN&gt;has &lt;SPAN&gt;the &lt;SPAN&gt;sketch &lt;SPAN&gt;controls &lt;SPAN&gt;on &lt;SPAN&gt;it &lt;SPAN&gt;and &lt;SPAN&gt;is &lt;SPAN&gt;configured &lt;SPAN&gt;as &lt;SPAN&gt;below&lt;SPAN&gt;&amp;nbsp;(&lt;SPAN&gt;partial &lt;SPAN&gt;snippet &lt;SPAN&gt;but &lt;SPAN&gt;gets &lt;SPAN&gt;the &lt;SPAN&gt;idea &lt;SPAN&gt;across&lt;SPAN&gt;) :&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;LI-CODE lang="javascript"&gt;esriConfig.portalUrl = this.options.portalUrl;
this.graphicsLayer = new GraphicsLayer();
// create the webmap using the desired portal id
this.webMap = new WebMap({
    portalItem: {
        id: this.options.portalId
    },
    layers: [this.graphicsLayer]
});
this.view = new MapView({
    container: mapContainerId,
    map: this.webMap
});
this.sketch = new Sketch({
    layer: this.graphicsLayer,
    view: this.view,
    visibleElements: {
        createTools: {
            "circle": this.options.createTools.circle,
            "point": this.options.createTools.point,
            "polygon": this.options.createTools.polygon,
            "polyline": this.options.createTools.polyline,
            "rectangle": this.options.createTools.rectangle
        },
        selectionTools: {
            "lasso-selection": false,
            "rectangle-selection": false,
        },
        settingsMenu: this.options.settingsMenu,
        undoRedoMenu: this.options.undoRedoMenu
    }
});
this.view.ui.add(this.sketch, this.options.controlsPosition);&lt;/LI-CODE&gt;&lt;P&gt;&lt;SPAN&gt;I&lt;/SPAN&gt; &lt;SPAN&gt;have&lt;/SPAN&gt; &lt;SPAN&gt;a&lt;/SPAN&gt; &lt;SPAN&gt;method&lt;/SPAN&gt; &lt;SPAN&gt;on&lt;/SPAN&gt; &lt;SPAN&gt;the&lt;/SPAN&gt; &lt;SPAN&gt;widget&lt;/SPAN&gt; &lt;SPAN&gt;that&lt;/SPAN&gt; &lt;SPAN&gt;I&lt;/SPAN&gt; &lt;SPAN&gt;can&lt;/SPAN&gt; &lt;SPAN&gt;then&lt;/SPAN&gt; &lt;SPAN&gt;call&lt;/SPAN&gt; &lt;SPAN&gt;that&lt;/SPAN&gt; &lt;SPAN&gt;changes&lt;/SPAN&gt; &lt;SPAN&gt;the&lt;/SPAN&gt; &lt;SPAN&gt;visibility&lt;/SPAN&gt; &lt;SPAN&gt;of&lt;/SPAN&gt; &lt;SPAN&gt;the&lt;/SPAN&gt; &lt;SPAN&gt;createTools&lt;/SPAN&gt; &lt;SPAN&gt;based&lt;/SPAN&gt; &lt;SPAN&gt;on&lt;/SPAN&gt; &lt;SPAN&gt;the&lt;/SPAN&gt; &lt;SPAN&gt;name&lt;/SPAN&gt; &lt;SPAN&gt;of&lt;/SPAN&gt; &lt;SPAN&gt;the&lt;/SPAN&gt; &lt;SPAN&gt;tool&lt;/SPAN&gt; &lt;SPAN&gt;passed&lt;/SPAN&gt; &lt;SPAN&gt;in&lt;/SPAN&gt;&lt;SPAN&gt;:&lt;/SPAN&gt;&lt;/P&gt;&lt;LI-CODE lang="javascript"&gt;toggleTool: function (tool, value) {
    this.sketch.visibleElements.createTools[tool] = value;
    //what to call here!?!
}&lt;/LI-CODE&gt;&lt;P&gt;&lt;SPAN&gt;Then&lt;/SPAN&gt; &lt;SPAN&gt;I&lt;/SPAN&gt; &lt;SPAN&gt;call&lt;/SPAN&gt; &lt;SPAN&gt;it&lt;/SPAN&gt; &lt;SPAN&gt;as&lt;/SPAN&gt; &lt;SPAN&gt;per&lt;/SPAN&gt;&lt;SPAN&gt;:&lt;/SPAN&gt;&lt;/P&gt;&lt;LI-CODE lang="javascript"&gt;$("#map").mapcontrol("toggleTool", "circle", true);&lt;/LI-CODE&gt;&lt;P&gt;&lt;SPAN&gt;The&lt;/SPAN&gt; &lt;SPAN&gt;circle&lt;/SPAN&gt; &lt;SPAN&gt;value&lt;/SPAN&gt; &lt;SPAN&gt;gets&lt;/SPAN&gt; &lt;SPAN&gt;toggled&lt;/SPAN&gt; &lt;SPAN&gt;to&lt;/SPAN&gt; &lt;SPAN&gt;true&lt;/SPAN&gt; &lt;SPAN&gt;as&lt;/SPAN&gt; &lt;SPAN&gt;expected&lt;/SPAN&gt;&lt;SPAN&gt;.&amp;nbsp; &lt;/SPAN&gt;&lt;SPAN&gt;If&lt;/SPAN&gt; &lt;SPAN&gt;I&lt;/SPAN&gt; &lt;SPAN&gt;then&lt;/SPAN&gt;&lt;SPAN&gt;&amp;nbsp;&lt;/SPAN&gt;&lt;SPAN&gt;click&lt;/SPAN&gt; &lt;SPAN&gt;the&lt;/SPAN&gt; &lt;SPAN&gt;tool&lt;/SPAN&gt; &lt;SPAN&gt;bar&lt;/SPAN&gt; &lt;SPAN&gt;or&lt;/SPAN&gt; &lt;SPAN&gt;the&lt;/SPAN&gt; &lt;SPAN&gt;zoom&lt;/SPAN&gt; &lt;SPAN&gt;in&lt;/SPAN&gt;&lt;SPAN&gt; / &lt;/SPAN&gt;&lt;SPAN&gt;zoom&lt;/SPAN&gt; &lt;SPAN&gt;out&lt;/SPAN&gt; &lt;SPAN&gt;icons&lt;/SPAN&gt; &lt;SPAN&gt;on&lt;/SPAN&gt; &lt;SPAN&gt;the&lt;/SPAN&gt; &lt;SPAN&gt;map&lt;/SPAN&gt; &lt;SPAN&gt;after&lt;/SPAN&gt; &lt;SPAN&gt;toggling&lt;/SPAN&gt; &lt;SPAN&gt;the&lt;/SPAN&gt; &lt;SPAN&gt;value&lt;/SPAN&gt; &lt;SPAN&gt;then&lt;/SPAN&gt; &lt;SPAN&gt;the&lt;/SPAN&gt; &lt;SPAN&gt;circle&lt;/SPAN&gt; &lt;SPAN&gt;tool&lt;/SPAN&gt; &lt;SPAN&gt;appears&lt;/SPAN&gt;&lt;SPAN&gt;.&lt;/SPAN&gt;&lt;/P&gt;&lt;DIV&gt;&lt;DIV&gt;&lt;SPAN&gt;The&lt;/SPAN&gt; &lt;SPAN&gt;thing&lt;/SPAN&gt; &lt;SPAN&gt;I&lt;/SPAN&gt; &lt;SPAN&gt;am&lt;/SPAN&gt; &lt;SPAN&gt;struggling&lt;/SPAN&gt; &lt;SPAN&gt;with&lt;/SPAN&gt; &lt;SPAN&gt;and&lt;/SPAN&gt; &lt;SPAN&gt;I&lt;/SPAN&gt;&lt;SPAN&gt;'m sure it is going to be something really simple is what method to call to get the tool UI to refresh after the tool gets toggled&lt;/SPAN&gt;&lt;SPAN&gt;?&lt;/SPAN&gt;&lt;/DIV&gt;&lt;BR /&gt;&lt;DIV&gt;&lt;SPAN&gt;I&lt;/SPAN&gt;&lt;SPAN&gt;'ve tried calling various methods but have not been able to work out the correct way to do it&lt;/SPAN&gt;&lt;SPAN&gt;.&lt;/SPAN&gt;&lt;/DIV&gt;&lt;BR /&gt;&lt;DIV&gt;&lt;SPAN&gt;Thanks&lt;/SPAN&gt;&lt;SPAN&gt;&amp;nbsp;&lt;/SPAN&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Wed, 18 Jan 2023 16:39:24 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/get-ui-to-respond-to-change-in-visibleelements/m-p/1249121#M79949</guid>
      <dc:creator>nevvo</dc:creator>
      <dc:date>2023-01-18T16:39:24Z</dc:date>
    </item>
  </channel>
</rss>

