AnsweredAssumed Answered

Modify width of popup - Basic Viewer custom CSS

Question asked by schlot on May 26, 2017
Latest reply on May 26, 2017 by schlot

In the Basic Viewer template, I see that I can include custom css to modify the style of various elements.  My popup is a little too narrow for its content, and if it was just a bit wider, I hope to avoid a scrollbar from left to right.

 

I've tried to determine what the particular style is to modify, but popups are always tricky because they are so many small elements, nested within one another.

 

I see there is a class esriPopup light esriPopupVisible, but that seems to manage the placement of the entire tag within the map.  The next div within it is has the class esriPopupWrapper, then a size, sizer content, then contentPane. 

I've been able to make the contentPane be larger, but that only takes care of that one part of the tag, not the entire thing.

Which element should I be trying to style?

 

Also:

How closely do these style names align with the styles in the JavaScript API?  I'm much more familiar with it, but our organization is moving toward AGOL, and I need to learn what I may or may not be able to customized in that environment. 

Outcomes