<?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 How to Style a Modal Panel for Mobile Devices in Web AppBuilder Custom Widgets Questions</title>
    <link>https://community.esri.com/t5/web-appbuilder-custom-widgets-questions/how-to-style-a-modal-panel-for-mobile-devices/m-p/815031#M6918</link>
    <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Hello,&lt;/P&gt;&lt;P&gt;I'm using the modal panel from the &lt;A href="https://developers.arcgis.com/web-appbuilder/sample-code/create-a-new-panel.htm"&gt;WAB Create a New Panel&lt;/A&gt; tutorial. I modified the Foldable theme&amp;nbsp;to use the modal panel to open a group located in the header controller.&amp;nbsp;The group has a single widget in it. This works fine on&amp;nbsp;desktops (see first image below), but I'm having trouble styling the widget for mobile devices (see second image below). I tried using the Splash widget as a guide to modify the widget, but it doesn't seem to work. Do I need to&amp;nbsp;add mobile styles&amp;nbsp;to the modal panel instead of, or in addition too, the widget?&amp;nbsp;Any help is greatly appreciated.&lt;/P&gt;&lt;P&gt;Thank you,&lt;/P&gt;&lt;P&gt;William&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&lt;IMG alt="Modal Panel with Widget on Desktop Computer" class="image-1 jive-image j-img-centered j-img-original" src="https://community.esri.com/legacyfs/online/227957_desktopWidget.jpg" style="width: 620px; height: 529px; margin-right: auto; margin-left: auto; display: block;" /&gt;&lt;/P&gt;&lt;P&gt;&lt;IMG alt="Modal Panel with Widget on Mobile Device" class="jive-image image-2 j-img-centered j-img-original" src="https://community.esri.com/legacyfs/online/227958_mobileWidget.jpg" style="height: auto; margin-right: auto; margin-left: auto; display: block;" /&gt;&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
    <pubDate>Wed, 14 Sep 2016 18:34:44 GMT</pubDate>
    <dc:creator>WilliamMiller4</dc:creator>
    <dc:date>2016-09-14T18:34:44Z</dc:date>
    <item>
      <title>How to Style a Modal Panel for Mobile Devices</title>
      <link>https://community.esri.com/t5/web-appbuilder-custom-widgets-questions/how-to-style-a-modal-panel-for-mobile-devices/m-p/815031#M6918</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Hello,&lt;/P&gt;&lt;P&gt;I'm using the modal panel from the &lt;A href="https://developers.arcgis.com/web-appbuilder/sample-code/create-a-new-panel.htm"&gt;WAB Create a New Panel&lt;/A&gt; tutorial. I modified the Foldable theme&amp;nbsp;to use the modal panel to open a group located in the header controller.&amp;nbsp;The group has a single widget in it. This works fine on&amp;nbsp;desktops (see first image below), but I'm having trouble styling the widget for mobile devices (see second image below). I tried using the Splash widget as a guide to modify the widget, but it doesn't seem to work. Do I need to&amp;nbsp;add mobile styles&amp;nbsp;to the modal panel instead of, or in addition too, the widget?&amp;nbsp;Any help is greatly appreciated.&lt;/P&gt;&lt;P&gt;Thank you,&lt;/P&gt;&lt;P&gt;William&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&lt;IMG alt="Modal Panel with Widget on Desktop Computer" class="image-1 jive-image j-img-centered j-img-original" src="https://community.esri.com/legacyfs/online/227957_desktopWidget.jpg" style="width: 620px; height: 529px; margin-right: auto; margin-left: auto; display: block;" /&gt;&lt;/P&gt;&lt;P&gt;&lt;IMG alt="Modal Panel with Widget on Mobile Device" class="jive-image image-2 j-img-centered j-img-original" src="https://community.esri.com/legacyfs/online/227958_mobileWidget.jpg" style="height: auto; margin-right: auto; margin-left: auto; display: block;" /&gt;&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Wed, 14 Sep 2016 18:34:44 GMT</pubDate>
      <guid>https://community.esri.com/t5/web-appbuilder-custom-widgets-questions/how-to-style-a-modal-panel-for-mobile-devices/m-p/815031#M6918</guid>
      <dc:creator>WilliamMiller4</dc:creator>
      <dc:date>2016-09-14T18:34:44Z</dc:date>
    </item>
  </channel>
</rss>

