<?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: Shift Map View when Action Bar is expanded in Calcite Design System Questions</title>
    <link>https://community.esri.com/t5/calcite-design-system-questions/shift-map-view-when-action-bar-is-expanded/m-p/1163164#M94</link>
    <description>&lt;P&gt;Here is a codepen that uses padding with an action bar:&amp;nbsp;&lt;A href="https://codepen.io/benesri/pen/XWVBMQm?editors=1010" target="_blank" rel="noopener"&gt;https://codepen.io/benesri/pen/XWVBMQm?editors=1010&lt;/A&gt;&lt;/P&gt;</description>
    <pubDate>Mon, 11 Apr 2022 18:25:40 GMT</pubDate>
    <dc:creator>BenElan</dc:creator>
    <dc:date>2022-04-11T18:25:40Z</dc:date>
    <item>
      <title>Shift Map View when Action Bar is expanded</title>
      <link>https://community.esri.com/t5/calcite-design-system-questions/shift-map-view-when-action-bar-is-expanded/m-p/1163086#M92</link>
      <description>&lt;P&gt;I'm trying to find out if it's possible to shift the map view over when an action bar is expanded. For example, when this action bar is expanded, it covers up my search widget, scale bar, etc.&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Mandalorian_0-1649692342210.png" style="width: 400px;"&gt;&lt;img src="https://community.esri.com/t5/image/serverpage/image-id/38574iCB1F255C3BF2D42D/image-size/medium?v=v2&amp;amp;px=400" role="button" title="Mandalorian_0-1649692342210.png" alt="Mandalorian_0-1649692342210.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Mon, 11 Apr 2022 15:52:48 GMT</pubDate>
      <guid>https://community.esri.com/t5/calcite-design-system-questions/shift-map-view-when-action-bar-is-expanded/m-p/1163086#M92</guid>
      <dc:creator>Mandalorian</dc:creator>
      <dc:date>2022-04-11T15:52:48Z</dc:date>
    </item>
    <item>
      <title>Re: Shift Map View when Action Bar is expanded</title>
      <link>https://community.esri.com/t5/calcite-design-system-questions/shift-map-view-when-action-bar-is-expanded/m-p/1163093#M93</link>
      <description>&lt;P&gt;Hi&amp;nbsp;&lt;a href="https://community.esri.com/t5/user/viewprofilepage/user-id/374662"&gt;@Mandalorian&lt;/a&gt;,&lt;/P&gt;&lt;P&gt;&lt;A href="https://developers.arcgis.com/javascript/latest/api-reference/esri-views-MapView.html#padding" target="_self"&gt;MapView has a padding property&lt;/A&gt; which will do that. Here is a sample from the JavaScript API:&lt;/P&gt;&lt;P&gt;&lt;A href="https://developers.arcgis.com/javascript/latest/sample-code/view-padding/" target="_blank" rel="noopener"&gt;https://developers.arcgis.com/javascript/latest/sample-code/view-padding/&lt;/A&gt;&lt;/P&gt;</description>
      <pubDate>Mon, 11 Apr 2022 18:24:56 GMT</pubDate>
      <guid>https://community.esri.com/t5/calcite-design-system-questions/shift-map-view-when-action-bar-is-expanded/m-p/1163093#M93</guid>
      <dc:creator>BenElan</dc:creator>
      <dc:date>2022-04-11T18:24:56Z</dc:date>
    </item>
    <item>
      <title>Re: Shift Map View when Action Bar is expanded</title>
      <link>https://community.esri.com/t5/calcite-design-system-questions/shift-map-view-when-action-bar-is-expanded/m-p/1163164#M94</link>
      <description>&lt;P&gt;Here is a codepen that uses padding with an action bar:&amp;nbsp;&lt;A href="https://codepen.io/benesri/pen/XWVBMQm?editors=1010" target="_blank" rel="noopener"&gt;https://codepen.io/benesri/pen/XWVBMQm?editors=1010&lt;/A&gt;&lt;/P&gt;</description>
      <pubDate>Mon, 11 Apr 2022 18:25:40 GMT</pubDate>
      <guid>https://community.esri.com/t5/calcite-design-system-questions/shift-map-view-when-action-bar-is-expanded/m-p/1163164#M94</guid>
      <dc:creator>BenElan</dc:creator>
      <dc:date>2022-04-11T18:25:40Z</dc:date>
    </item>
  </channel>
</rss>

