<?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: Configure buttons for smaller screens in ArcGIS Experience Builder Questions</title>
    <link>https://community.esri.com/t5/arcgis-experience-builder-questions/configure-buttons-for-smaller-screens/m-p/1622246#M19242</link>
    <description>&lt;P&gt;In your mobile screen example it looks like you have added the buttons inside of a widget controller widget.&amp;nbsp; Instead you should be able to drop buttons directly onto the map widget. Here an example of three buttons I have added on to the map widget, resized and have set to display an icon rather than text:&amp;nbsp;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="LeeButler_0-1749557509205.png" style="width: 400px;"&gt;&lt;img src="https://community.esri.com/t5/image/serverpage/image-id/134115i1013F3B02D5AA01C/image-size/medium?v=v2&amp;amp;px=400" role="button" title="LeeButler_0-1749557509205.png" alt="LeeButler_0-1749557509205.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;Is this the sort of thing you are wanting to do? If so, here's how I set these up:&lt;/P&gt;&lt;P&gt;Add in a new button onto the map widget.&lt;/P&gt;&lt;P&gt;Set up the buttons content similar to this and link to the desired URL/page&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="LeeButler_1-1749557800577.png" style="width: 400px;"&gt;&lt;img src="https://community.esri.com/t5/image/serverpage/image-id/134116iF205F82A7C89E219/image-size/medium?v=v2&amp;amp;px=400" role="button" title="LeeButler_1-1749557800577.png" alt="LeeButler_1-1749557800577.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;Set up the buttons style similar to this (adjusting the button size and position as required)&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="LeeButler_3-1749558015182.png" style="width: 400px;"&gt;&lt;img src="https://community.esri.com/t5/image/serverpage/image-id/134118i424ED0723D544578/image-size/medium?v=v2&amp;amp;px=400" role="button" title="LeeButler_3-1749558015182.png" alt="LeeButler_3-1749558015182.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
    <pubDate>Tue, 10 Jun 2025 12:21:09 GMT</pubDate>
    <dc:creator>LeeButler</dc:creator>
    <dc:date>2025-06-10T12:21:09Z</dc:date>
    <item>
      <title>Configure buttons for smaller screens</title>
      <link>https://community.esri.com/t5/arcgis-experience-builder-questions/configure-buttons-for-smaller-screens/m-p/1622236#M19238</link>
      <description>&lt;P&gt;Hello,&lt;/P&gt;&lt;P&gt;In my Experience Builder App I want to be able to add some buttons for links to URL's and Pages.&amp;nbsp; This works fine in Large screen devices view icon but not for Medium and Small screens as there is not enough room in the title bar.&lt;/P&gt;&lt;P&gt;I have tried to create a button widget over the map area instead but when you select it, it just wants to open another button as per screen grab below.&lt;/P&gt;&lt;P&gt;&lt;EM&gt;Part of current title bar in Large screen view.&lt;/EM&gt;&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="CMcDonald_0-1749550887978.png" style="width: 400px;"&gt;&lt;img src="https://community.esri.com/t5/image/serverpage/image-id/134113i704034CA9D7312FD/image-size/medium?v=v2&amp;amp;px=400" role="button" title="CMcDonald_0-1749550887978.png" alt="CMcDonald_0-1749550887978.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;I want to make the buttons into icons (ideally)&lt;/P&gt;&lt;P&gt;&lt;EM&gt;This is what it looks like if I create a button.&lt;/EM&gt;&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="CMcDonald_1-1749551008976.png" style="width: 400px;"&gt;&lt;img src="https://community.esri.com/t5/image/serverpage/image-id/134114iEC3D1C70BE14847E/image-size/medium?v=v2&amp;amp;px=400" role="button" title="CMcDonald_1-1749551008976.png" alt="CMcDonald_1-1749551008976.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;I am still very new to Experience Builder and trying to transition away from WAB.&lt;/P&gt;&lt;P&gt;Thank you&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Tue, 10 Jun 2025 10:25:28 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-experience-builder-questions/configure-buttons-for-smaller-screens/m-p/1622236#M19238</guid>
      <dc:creator>CMcDonald</dc:creator>
      <dc:date>2025-06-10T10:25:28Z</dc:date>
    </item>
    <item>
      <title>Re: Configure buttons for smaller screens</title>
      <link>https://community.esri.com/t5/arcgis-experience-builder-questions/configure-buttons-for-smaller-screens/m-p/1622246#M19242</link>
      <description>&lt;P&gt;In your mobile screen example it looks like you have added the buttons inside of a widget controller widget.&amp;nbsp; Instead you should be able to drop buttons directly onto the map widget. Here an example of three buttons I have added on to the map widget, resized and have set to display an icon rather than text:&amp;nbsp;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="LeeButler_0-1749557509205.png" style="width: 400px;"&gt;&lt;img src="https://community.esri.com/t5/image/serverpage/image-id/134115i1013F3B02D5AA01C/image-size/medium?v=v2&amp;amp;px=400" role="button" title="LeeButler_0-1749557509205.png" alt="LeeButler_0-1749557509205.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;Is this the sort of thing you are wanting to do? If so, here's how I set these up:&lt;/P&gt;&lt;P&gt;Add in a new button onto the map widget.&lt;/P&gt;&lt;P&gt;Set up the buttons content similar to this and link to the desired URL/page&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="LeeButler_1-1749557800577.png" style="width: 400px;"&gt;&lt;img src="https://community.esri.com/t5/image/serverpage/image-id/134116iF205F82A7C89E219/image-size/medium?v=v2&amp;amp;px=400" role="button" title="LeeButler_1-1749557800577.png" alt="LeeButler_1-1749557800577.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;Set up the buttons style similar to this (adjusting the button size and position as required)&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="LeeButler_3-1749558015182.png" style="width: 400px;"&gt;&lt;img src="https://community.esri.com/t5/image/serverpage/image-id/134118i424ED0723D544578/image-size/medium?v=v2&amp;amp;px=400" role="button" title="LeeButler_3-1749558015182.png" alt="LeeButler_3-1749558015182.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Tue, 10 Jun 2025 12:21:09 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-experience-builder-questions/configure-buttons-for-smaller-screens/m-p/1622246#M19242</guid>
      <dc:creator>LeeButler</dc:creator>
      <dc:date>2025-06-10T12:21:09Z</dc:date>
    </item>
    <item>
      <title>Re: Configure buttons for smaller screens</title>
      <link>https://community.esri.com/t5/arcgis-experience-builder-questions/configure-buttons-for-smaller-screens/m-p/1622312#M19243</link>
      <description>&lt;P&gt;Yes&amp;nbsp;&lt;a href="https://community.esri.com/t5/user/viewprofilepage/user-id/835854"&gt;@LeeButler&lt;/a&gt;&amp;nbsp;I think that has done the trick! Thank you&amp;nbsp;&lt;span class="lia-unicode-emoji" title=":grinning_face:"&gt;😀&lt;/span&gt;&lt;/P&gt;</description>
      <pubDate>Tue, 10 Jun 2025 15:06:20 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-experience-builder-questions/configure-buttons-for-smaller-screens/m-p/1622312#M19243</guid>
      <dc:creator>CMcDonald</dc:creator>
      <dc:date>2025-06-10T15:06:20Z</dc:date>
    </item>
  </channel>
</rss>

