https://community.esri.com/t5/esri-training-videos/working-with-size-amp-position-for-responsive/m-p/1599070#M194 <P>What is responsive design and how can we use it to optimize our page layouts in ArcGIS Experience Builder? Learn how to adjust size and position settings for various widgets to ensure a seamless end user experience across all devices.</P><P>If you haven't seen my Esri Community video on creating a mobile layout for your experiences, check that out first at this link:&nbsp;<A href="https://community.esri.com/t5/esri-training-videos/three-tips-for-working-with-the-pending-list-in/m-p/1365462#M149" target="_self">Three Tips for working with the Pending list in ArcGIS Experience Builder</A>&nbsp;</P><P>This video was recorded using ArcGIS Experience Builder 1.16 in February 2025.</P><P><SPAN class="">For further ArcGIS Experience Builder training, check out Esri's Building Web Apps with ArcGIS Experience Builder course:<SPAN>&nbsp;</SPAN></SPAN><A href="https://go.esri.com/experience-builder-course" target="_blank" rel="noreferrer noopener nofollow"><SPAN class="">https://go.esri.com/experience-builder-course</SPAN></A><SPAN class="">.</SPAN></P><P><SPAN class=""><div class="lia-vid-container video-embed-center"><div id="lia-vid-6370528264112w1280h720r109" class="lia-video-brightcove-player-container"><video-js data-video-id="6370528264112" data-account="6161463677001" data-player="default" data-embed="default" class="vjs-fluid" controls="" data-application-id="" style="width: 100%; height: 100%;"></video-js></div><script src="https://players.brightcove.net/6161463677001/default_default/index.min.js"></script><script>(function() { var wrapper = document.getElementById('lia-vid-6370528264112w1280h720r109'); var videoEl = wrapper ? wrapper.querySelector('video-js') : null; if (videoEl) { if (window.videojs) { window.videojs(videoEl).ready(function() { this.on('loadedmetadata', function() { this.el().querySelectorAll('.vjs-load-progress div[data-start]').forEach(function(bar) { bar.setAttribute('role', 'presentation'); bar.setAttribute('aria-hidden', 'true'); }); }); }); } }})();</script><a class="video-embed-link" href="https://community.esri.com/t5/video/gallerypage/video-id/6370528264112">(view in My Videos)</a></div>&nbsp;</SPAN></P> Tue, 25 Mar 2025 20:30:49 GMT SarahOliver 2025-03-25T20:30:49Z https://community.esri.com/t5/esri-training-videos/working-with-size-amp-position-for-responsive/m-p/1599070#M194 <P>What is responsive design and how can we use it to optimize our page layouts in ArcGIS Experience Builder? Learn how to adjust size and position settings for various widgets to ensure a seamless end user experience across all devices.</P><P>If you haven't seen my Esri Community video on creating a mobile layout for your experiences, check that out first at this link:&nbsp;<A href="https://community.esri.com/t5/esri-training-videos/three-tips-for-working-with-the-pending-list-in/m-p/1365462#M149" target="_self">Three Tips for working with the Pending list in ArcGIS Experience Builder</A>&nbsp;</P><P>This video was recorded using ArcGIS Experience Builder 1.16 in February 2025.</P><P><SPAN class="">For further ArcGIS Experience Builder training, check out Esri's Building Web Apps with ArcGIS Experience Builder course:<SPAN>&nbsp;</SPAN></SPAN><A href="https://go.esri.com/experience-builder-course" target="_blank" rel="noreferrer noopener nofollow"><SPAN class="">https://go.esri.com/experience-builder-course</SPAN></A><SPAN class="">.</SPAN></P><P><SPAN class=""><div class="lia-vid-container video-embed-center"><div id="lia-vid-6370528264112w1280h720r355" class="lia-video-brightcove-player-container"><video-js data-video-id="6370528264112" data-account="6161463677001" data-player="default" data-embed="default" class="vjs-fluid" controls="" data-application-id="" style="width: 100%; height: 100%;"></video-js></div><script src="https://players.brightcove.net/6161463677001/default_default/index.min.js"></script><script>(function() { var wrapper = document.getElementById('lia-vid-6370528264112w1280h720r355'); var videoEl = wrapper ? wrapper.querySelector('video-js') : null; if (videoEl) { if (window.videojs) { window.videojs(videoEl).ready(function() { this.on('loadedmetadata', function() { this.el().querySelectorAll('.vjs-load-progress div[data-start]').forEach(function(bar) { bar.setAttribute('role', 'presentation'); bar.setAttribute('aria-hidden', 'true'); }); }); }); } }})();</script><a class="video-embed-link" href="https://community.esri.com/t5/video/gallerypage/video-id/6370528264112">(view in My Videos)</a></div>&nbsp;</SPAN></P> Tue, 25 Mar 2025 20:30:49 GMT https://community.esri.com/t5/esri-training-videos/working-with-size-amp-position-for-responsive/m-p/1599070#M194 SarahOliver 2025-03-25T20:30:49Z