<?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: Is there anyway to create a collapsable sidebar with the JS API or Calcite like the one in Experience Builder? in ArcGIS JavaScript Maps SDK Questions</title>
    <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/is-there-anyway-to-create-a-collapsable-sidebar/m-p/1185199#M77744</link>
    <description>&lt;P&gt;There's not a specific component for something like this as far as I know, but you can put one together. I just did a blog post on this in regards to using it with view padding.&lt;/P&gt;&lt;P&gt;&lt;A href="https://odoe.net/blog/view-padding" target="_blank" rel="noopener"&gt;https://odoe.net/blog/view-padding&lt;/A&gt;&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="padding-animated-small.gif" style="width: 400px;"&gt;&lt;img src="https://community.esri.com/t5/image/serverpage/image-id/44057iCA48A99C93AED45A/image-size/medium?v=v2&amp;amp;px=400" role="button" title="padding-animated-small.gif" alt="padding-animated-small.gif" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt; &lt;/P&gt;</description>
    <pubDate>Wed, 22 Jun 2022 19:01:39 GMT</pubDate>
    <dc:creator>ReneRubalcava</dc:creator>
    <dc:date>2022-06-22T19:01:39Z</dc:date>
    <item>
      <title>Is there anyway to create a collapsable sidebar with the JS API or Calcite like the one in Experience Builder?</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/is-there-anyway-to-create-a-collapsable-sidebar/m-p/1185178#M77743</link>
      <description>&lt;P&gt;I am working on building an application with Calcite and am wanting to create a collapsible sidebar similar to the sidebar tool in experience builder. I have looked through various documentation in the JS API and Calcite and am not finding a similar component to this. I have built the rest of my app with these frameworks and am wondering if there are any components I can use to mimic this?&lt;/P&gt;&lt;P&gt;I am currently using an action bar for desktop but would like my app to adjust to an adjustable sidebar when in mobile view to select widgets.&lt;/P&gt;</description>
      <pubDate>Wed, 22 Jun 2022 18:42:29 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/is-there-anyway-to-create-a-collapsable-sidebar/m-p/1185178#M77743</guid>
      <dc:creator>ArianaBernal</dc:creator>
      <dc:date>2022-06-22T18:42:29Z</dc:date>
    </item>
    <item>
      <title>Re: Is there anyway to create a collapsable sidebar with the JS API or Calcite like the one in Experience Builder?</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/is-there-anyway-to-create-a-collapsable-sidebar/m-p/1185199#M77744</link>
      <description>&lt;P&gt;There's not a specific component for something like this as far as I know, but you can put one together. I just did a blog post on this in regards to using it with view padding.&lt;/P&gt;&lt;P&gt;&lt;A href="https://odoe.net/blog/view-padding" target="_blank" rel="noopener"&gt;https://odoe.net/blog/view-padding&lt;/A&gt;&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="padding-animated-small.gif" style="width: 400px;"&gt;&lt;img src="https://community.esri.com/t5/image/serverpage/image-id/44057iCA48A99C93AED45A/image-size/medium?v=v2&amp;amp;px=400" role="button" title="padding-animated-small.gif" alt="padding-animated-small.gif" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt; &lt;/P&gt;</description>
      <pubDate>Wed, 22 Jun 2022 19:01:39 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/is-there-anyway-to-create-a-collapsable-sidebar/m-p/1185199#M77744</guid>
      <dc:creator>ReneRubalcava</dc:creator>
      <dc:date>2022-06-22T19:01:39Z</dc:date>
    </item>
  </channel>
</rss>

