Change width of summary widget??

548
2
Jump to solution
05-10-2019 06:46 AM
MarquesMunson1
Occasional Contributor

I am trying to change the width of the Summary widget that is displayed in my application using WAB DE. I have located the style.css file (\WebAppBuilderForArcGIS\server\apps\{AppID}\widgets\Summary\css) to change the width but the code that I located only changes part of the widget. See before and after screenshot below.

Before:

summary widget full

After:

summary widget 55%

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!

summary widget code

0 Kudos
1 Solution

Accepted Solutions
RobertScheitlin__GISP
MVP Emeritus

You need to add this css rule to your apps theme common.css

.jimu-widget-summary {
  width: 55% !important;
}‍‍‍

View solution in original post

2 Replies
RobertScheitlin__GISP
MVP Emeritus

You need to add this css rule to your apps theme common.css

.jimu-widget-summary {
  width: 55% !important;
}‍‍‍
MarquesMunson1
Occasional Contributor

It worked! Thanks so much!

0 Kudos