<?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: Hide Editor Widget Back Button in ArcGIS JavaScript Maps SDK Questions</title>
    <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/hide-editor-widget-back-button/m-p/1250254#M80000</link>
    <description>&lt;P&gt;Thanks for the response. I'm not sure I fully understand though.&lt;/P&gt;&lt;P&gt;From what I can tell the Editor widget is housed inside a Calcite Flow component which has a &lt;A href="https://developers.arcgis.com/calcite-design-system/components/flow-item/" target="_self"&gt;Calcite Flow Item&lt;/A&gt; nested in it. This is where the back button comes from. The Calcite Flow Item does have a property for "show-back-button" which I can set to false, but only after the element is actually added to the page.&lt;/P&gt;&lt;P&gt;My current work-around is to watch for any changes to the page and then set this property to false if the tag name is "calcite-flow-item".&lt;/P&gt;&lt;P&gt;This feels very hacky and I'd prefer a solution that sets the CSS&amp;nbsp; to hide this element, but I'm not sure how to go about that.&lt;/P&gt;&lt;LI-CODE lang="javascript"&gt;  //listen for dom changes and update the show-back-button
  var observer = new MutationObserver(function(mutations) {
    mutations.forEach(function(mutation) {
      mutation.addedNodes.forEach(function(addedNode) {
        var flowItems = document.getElementsByTagName('calcite-flow-item');
        setTimeout(() =&amp;gt; {
            for (let item of flowItems) {
                item.showBackButton=false
            }
          }, "50")
      });
    });
  });
  observer.observe(document.body, {childList: true, subtree: true}); &lt;/LI-CODE&gt;</description>
    <pubDate>Sun, 22 Jan 2023 18:04:46 GMT</pubDate>
    <dc:creator>dcarson1661</dc:creator>
    <dc:date>2023-01-22T18:04:46Z</dc:date>
    <item>
      <title>Hide Editor Widget Back Button</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/hide-editor-widget-back-button/m-p/1249651#M79966</link>
      <description>&lt;P&gt;Hello,&amp;nbsp;&lt;/P&gt;&lt;P&gt;I'm working in 4.25&lt;/P&gt;&lt;P&gt;Does anyone know how to hide the back button on the editor widget? I imagine this can be achieved with CSS?&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="dcarson1661_0-1674156627204.png" style="width: 400px;"&gt;&lt;img src="https://community.esri.com/t5/image/serverpage/image-id/60776iB63441875BF9B165/image-size/medium?v=v2&amp;amp;px=400" role="button" title="dcarson1661_0-1674156627204.png" alt="dcarson1661_0-1674156627204.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;Thanks in advance for any help!&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Sun, 22 Jan 2023 18:05:51 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/hide-editor-widget-back-button/m-p/1249651#M79966</guid>
      <dc:creator>dcarson1661</dc:creator>
      <dc:date>2023-01-22T18:05:51Z</dc:date>
    </item>
    <item>
      <title>Re: Hide Editor Widget Back Button</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/hide-editor-widget-back-button/m-p/1250254#M80000</link>
      <description>&lt;P&gt;Thanks for the response. I'm not sure I fully understand though.&lt;/P&gt;&lt;P&gt;From what I can tell the Editor widget is housed inside a Calcite Flow component which has a &lt;A href="https://developers.arcgis.com/calcite-design-system/components/flow-item/" target="_self"&gt;Calcite Flow Item&lt;/A&gt; nested in it. This is where the back button comes from. The Calcite Flow Item does have a property for "show-back-button" which I can set to false, but only after the element is actually added to the page.&lt;/P&gt;&lt;P&gt;My current work-around is to watch for any changes to the page and then set this property to false if the tag name is "calcite-flow-item".&lt;/P&gt;&lt;P&gt;This feels very hacky and I'd prefer a solution that sets the CSS&amp;nbsp; to hide this element, but I'm not sure how to go about that.&lt;/P&gt;&lt;LI-CODE lang="javascript"&gt;  //listen for dom changes and update the show-back-button
  var observer = new MutationObserver(function(mutations) {
    mutations.forEach(function(mutation) {
      mutation.addedNodes.forEach(function(addedNode) {
        var flowItems = document.getElementsByTagName('calcite-flow-item');
        setTimeout(() =&amp;gt; {
            for (let item of flowItems) {
                item.showBackButton=false
            }
          }, "50")
      });
    });
  });
  observer.observe(document.body, {childList: true, subtree: true}); &lt;/LI-CODE&gt;</description>
      <pubDate>Sun, 22 Jan 2023 18:04:46 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/hide-editor-widget-back-button/m-p/1250254#M80000</guid>
      <dc:creator>dcarson1661</dc:creator>
      <dc:date>2023-01-22T18:04:46Z</dc:date>
    </item>
  </channel>
</rss>

