<?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: How to create picture header that doesn't resize in ArcGIS Experience Builder Questions</title>
    <link>https://community.esri.com/t5/arcgis-experience-builder-questions/how-to-create-picture-header-that-doesn-t-resize/m-p/1317598#M7927</link>
    <description>&lt;P&gt;Hi&amp;nbsp;&lt;a href="https://community.esri.com/t5/user/viewprofilepage/user-id/692020"&gt;@Nicauldron&lt;/a&gt;, here's what I would try if you haven't already:&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="ThomasCoughlin_0-1691693933939.png" style="width: 400px;"&gt;&lt;img src="https://community.esri.com/t5/image/serverpage/image-id/77878i7E6265DFF49699E1/image-size/medium?v=v2&amp;amp;px=400" role="button" title="ThomasCoughlin_0-1691693933939.png" alt="ThomasCoughlin_0-1691693933939.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;1. Make sure the Image is set to Fit and not Fill, which will ensure the entire image appears and is not cropped. You might have to alter the height of the header and/or the dimensions of the widget to fit your particular image (see the next step).&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="ThomasCoughlin_1-1691694006511.png" style="width: 400px;"&gt;&lt;img src="https://community.esri.com/t5/image/serverpage/image-id/77879i2C2B3CFE1596A82A/image-size/medium?v=v2&amp;amp;px=400" role="button" title="ThomasCoughlin_1-1691694006511.png" alt="ThomasCoughlin_1-1691694006511.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;2. Set the Image widget's height to 100% of the header's height, and the widget's width to Auto.&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="ThomasCoughlin_2-1691694102933.png" style="width: 400px;"&gt;&lt;img src="https://community.esri.com/t5/image/serverpage/image-id/77880i405A4CCAE1F7BDB2/image-size/medium?v=v2&amp;amp;px=400" role="button" title="ThomasCoughlin_2-1691694102933.png" alt="ThomasCoughlin_2-1691694102933.png" /&gt;&lt;/span&gt;&lt;/P&gt;</description>
    <pubDate>Thu, 10 Aug 2023 19:04:02 GMT</pubDate>
    <dc:creator>ThomasCoughlin</dc:creator>
    <dc:date>2023-08-10T19:04:02Z</dc:date>
    <item>
      <title>How to create picture header that doesn't resize</title>
      <link>https://community.esri.com/t5/arcgis-experience-builder-questions/how-to-create-picture-header-that-doesn-t-resize/m-p/1315603#M7868</link>
      <description>&lt;P&gt;How to I stop a header image resizing when I preview it? It looks perfect while still editing the experience and then squashes down when previewing.&amp;nbsp;&lt;BR /&gt;Most of the experiences in the Gallery only use text here, I wonder if this is why?&amp;nbsp;&lt;BR /&gt;This happens both when I use an actual header widget or a fixed panel with the content embedded:&lt;BR /&gt;&lt;BR /&gt;&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Nicauldron_0-1691166050688.png" style="width: 400px;"&gt;&lt;img src="https://community.esri.com/t5/image/serverpage/image-id/77327iA3DDD45C581FFF2B/image-size/medium?v=v2&amp;amp;px=400" role="button" title="Nicauldron_0-1691166050688.png" alt="Nicauldron_0-1691166050688.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Nicauldron_1-1691166100154.png" style="width: 400px;"&gt;&lt;img src="https://community.esri.com/t5/image/serverpage/image-id/77328i3A4BA5802D928D0B/image-size/medium?v=v2&amp;amp;px=400" role="button" title="Nicauldron_1-1691166100154.png" alt="Nicauldron_1-1691166100154.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;This is what the top of my Experience looks like after - the top and bottom are cut off:&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="Nicauldron_4-1691166575613.png" style="width: 400px;"&gt;&lt;img src="https://community.esri.com/t5/image/serverpage/image-id/77331i3537D7EF7657DA08/image-size/medium?v=v2&amp;amp;px=400" role="button" title="Nicauldron_4-1691166575613.png" alt="Nicauldron_4-1691166575613.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Fri, 04 Aug 2023 16:30:20 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-experience-builder-questions/how-to-create-picture-header-that-doesn-t-resize/m-p/1315603#M7868</guid>
      <dc:creator>Nicauldron</dc:creator>
      <dc:date>2023-08-04T16:30:20Z</dc:date>
    </item>
    <item>
      <title>Re: How to create picture header that doesn't resize</title>
      <link>https://community.esri.com/t5/arcgis-experience-builder-questions/how-to-create-picture-header-that-doesn-t-resize/m-p/1317598#M7927</link>
      <description>&lt;P&gt;Hi&amp;nbsp;&lt;a href="https://community.esri.com/t5/user/viewprofilepage/user-id/692020"&gt;@Nicauldron&lt;/a&gt;, here's what I would try if you haven't already:&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="ThomasCoughlin_0-1691693933939.png" style="width: 400px;"&gt;&lt;img src="https://community.esri.com/t5/image/serverpage/image-id/77878i7E6265DFF49699E1/image-size/medium?v=v2&amp;amp;px=400" role="button" title="ThomasCoughlin_0-1691693933939.png" alt="ThomasCoughlin_0-1691693933939.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;1. Make sure the Image is set to Fit and not Fill, which will ensure the entire image appears and is not cropped. You might have to alter the height of the header and/or the dimensions of the widget to fit your particular image (see the next step).&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="ThomasCoughlin_1-1691694006511.png" style="width: 400px;"&gt;&lt;img src="https://community.esri.com/t5/image/serverpage/image-id/77879i2C2B3CFE1596A82A/image-size/medium?v=v2&amp;amp;px=400" role="button" title="ThomasCoughlin_1-1691694006511.png" alt="ThomasCoughlin_1-1691694006511.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;2. Set the Image widget's height to 100% of the header's height, and the widget's width to Auto.&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="ThomasCoughlin_2-1691694102933.png" style="width: 400px;"&gt;&lt;img src="https://community.esri.com/t5/image/serverpage/image-id/77880i405A4CCAE1F7BDB2/image-size/medium?v=v2&amp;amp;px=400" role="button" title="ThomasCoughlin_2-1691694102933.png" alt="ThomasCoughlin_2-1691694102933.png" /&gt;&lt;/span&gt;&lt;/P&gt;</description>
      <pubDate>Thu, 10 Aug 2023 19:04:02 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-experience-builder-questions/how-to-create-picture-header-that-doesn-t-resize/m-p/1317598#M7927</guid>
      <dc:creator>ThomasCoughlin</dc:creator>
      <dc:date>2023-08-10T19:04:02Z</dc:date>
    </item>
  </channel>
</rss>

