Change default popup-size in WAB

[ChrisMathers]

WAB uses AGOL to control pop-up behavior and inspecting an app reveals that the pop-up CSS is being read from http://js.arcgis.com/3.14/esri/css/esri.css which means I cant directly edit it. I dont know much about web development, can I edit the style somewhere in the app directories to override the esri style and make a pop-up larger?

[RickeyFight]

Chris,

Are you using the developer edition or AGOL version?

I would also consider moving this question to Web AppBuilder for ArcGIS​

[ChrisMathers]

Developer Edition

[RobertScheitlin__GISP]

Chris,

   Just use this line of code:

this.map.infoWindow.resize(360,280);

[ChrisMathers]

Where? main.js?

[RobertScheitlin__GISP]

Depends if you want it resized for everything or just something specific.

[ChrisMathers]

The app will have one layer that lets you get a snap shot from a traffic camera in the popup.

[RobertScheitlin__GISP · Accepted solution]

Chris,

   I normally do this kind of stuff in the MapManager.js

[ChrisMathers]

Got it. Ill poke around in there tomorrow and see what I can do. Thanks.

[ChrisMathers]

Using the map.infoWindow.resize that is already in MapManager.js updates the width but isnt doing anything to the height. I have figured out that if I drop things into dojo-override.css I can override the esri.css from the server. It will probably wind up being a two pronged attack from the JS and CSS since I need to make the image in the popup bigger via the CSS anyways.