Change default popup-size in WAB

2100
9
Jump to solution
12-03-2015 01:01 PM
ChrisMathers
Regular Contributor II

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?

0 Kudos
1 Solution

Accepted Solutions
RobertScheitlin__GISP
MVP Esteemed Contributor

Chris,

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

View solution in original post

9 Replies
RickeyFight
MVP Regular Contributor

Chris,

Are you using the developer edition or AGOL version?

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

0 Kudos
ChrisMathers
Regular Contributor II

Developer Edition

0 Kudos
RobertScheitlin__GISP
MVP Esteemed Contributor

Chris,

   Just use this line of code:

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

ChrisMathers
Regular Contributor II

Where? main.js?

0 Kudos
RobertScheitlin__GISP
MVP Esteemed Contributor

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

0 Kudos
ChrisMathers
Regular Contributor II

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

0 Kudos
RobertScheitlin__GISP
MVP Esteemed Contributor

Chris,

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

View solution in original post

ChrisMathers
Regular Contributor II

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

0 Kudos
ChrisMathers
Regular Contributor II

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.