topic Re: Change width of summary widget?? in Web AppBuilder Custom Widgets Questions https://community.esri.com/t5/web-appbuilder-custom-widgets-questions/change-width-of-summary-widget/m-p/802184#M5265 <HTML><HEAD></HEAD><BODY><P>It worked! Thanks so much!</P></BODY></HTML> Tue, 14 May 2019 14:39:52 GMT MarquesMunson1 2019-05-14T14:39:52Z Change width of summary widget?? https://community.esri.com/t5/web-appbuilder-custom-widgets-questions/change-width-of-summary-widget/m-p/802182#M5263 <HTML><HEAD></HEAD><BODY><P>I am trying to change the width of the Summary widget that is displayed in my application using WAB DE. I have located the <STRONG>style.css</STRONG> file (<STRONG><EM>\WebAppBuilderForArcGIS\server\apps\{AppID}\widgets\Summary\css</EM></STRONG>) to change the width but the code that I located only changes part of the widget. See before and after screenshot below.</P><P></P><P>Before:</P><P></P><P><IMG alt="summary widget full" class="image-1 jive-image j-img-original" src="https://community.esri.com/legacyfs/online/447288_summary_full.png" /></P><P></P><P>After:</P><P></P><P><IMG alt="summary widget 55%" class="image-2 jive-image j-img-original" src="https://community.esri.com/legacyfs/online/447305_summary_55percent.png" /></P><P></P><P>I am trying change the width of the gray area to match the blue summary area. I have provided code below. Any help is greatly appreciated!</P><P></P><P><IMG alt="summary widget code" class="image-3 jive-image j-img-original" src="/legacyfs/online/447306_summary code.png" /></P></BODY></HTML> Fri, 10 May 2019 13:46:05 GMT https://community.esri.com/t5/web-appbuilder-custom-widgets-questions/change-width-of-summary-widget/m-p/802182#M5263 MarquesMunson1 2019-05-10T13:46:05Z Re: Change width of summary widget?? https://community.esri.com/t5/web-appbuilder-custom-widgets-questions/change-width-of-summary-widget/m-p/802183#M5264 <HTML><HEAD></HEAD><BODY><P>You need to add this css rule to your apps theme common.css</P><PRE class="lia-code-sample line-numbers language-none"><CODE><SPAN class="selector token">.jimu-widget-summary</SPAN> <SPAN class="punctuation token">{</SPAN> <SPAN class="property token">width</SPAN><SPAN class="punctuation token">:</SPAN> 55% <SPAN class="important token">!important</SPAN><SPAN class="punctuation token">;</SPAN> <SPAN class="punctuation token">}</SPAN>‍‍‍<SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN></CODE></PRE></BODY></HTML> Sun, 12 Dec 2021 09:18:38 GMT https://community.esri.com/t5/web-appbuilder-custom-widgets-questions/change-width-of-summary-widget/m-p/802183#M5264 RobertScheitlin__GISP 2021-12-12T09:18:38Z Re: Change width of summary widget?? https://community.esri.com/t5/web-appbuilder-custom-widgets-questions/change-width-of-summary-widget/m-p/802184#M5265 <HTML><HEAD></HEAD><BODY><P>It worked! Thanks so much!</P></BODY></HTML> Tue, 14 May 2019 14:39:52 GMT https://community.esri.com/t5/web-appbuilder-custom-widgets-questions/change-width-of-summary-widget/m-p/802184#M5265 MarquesMunson1 2019-05-14T14:39:52Z