topic Re: Change default popup-size in WAB in ArcGIS JavaScript Maps SDK Questions

Change default popup-size in WAB

ChrisMathers — Thu, 03 Dec 2015 21:01:33 GMT

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?

Re: Change default popup-size in WAB

RickeyFight — Thu, 03 Dec 2015 21:04:33 GMT

Chris,

Are you using the developer edition or AGOL version?

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

Re: Change default popup-size in WAB

ChrisMathers — Thu, 03 Dec 2015 21:06:13 GMT

Developer Edition

Re: Change default popup-size in WAB

RobertScheitlin__GISP — Thu, 03 Dec 2015 21:06:48 GMT

Chris,

Just use this line of code:

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

Re: Change default popup-size in WAB

ChrisMathers — Thu, 03 Dec 2015 21:09:51 GMT

Where? main.js?

Re: Change default popup-size in WAB

RobertScheitlin__GISP — Thu, 03 Dec 2015 21:11:28 GMT

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

Re: Change default popup-size in WAB

ChrisMathers — Thu, 03 Dec 2015 21:14:19 GMT

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

Re: Change default popup-size in WAB

RobertScheitlin__GISP — Thu, 03 Dec 2015 21:18:09 GMT

Chris,

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

Re: Change default popup-size in WAB

ChrisMathers — Thu, 03 Dec 2015 21:19:33 GMT

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

Re: Change default popup-size in WAB

ChrisMathers — Fri, 04 Dec 2015 16:19:26 GMT

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.