topic Re: What determines size of maximized infoWindow, how to increase font in ArcGIS JavaScript Maps SDK Questions

What determines size of maximized infoWindow, how to increase font

TracySchloss — Tue, 27 Oct 2015 21:16:52 GMT

It seems like it would be a useful thing for the maximize button on an infoWindow to do something besides make the window bigger. Wouldn't it be nice to have the font size increased too? It seems like that would help people with low vision. I'm not sure how you might go about that. I don't see an event for when the window is maximized, but maybe I'm looking in the wrong place.

Re: What determines size of maximized infoWindow, how to increase font

KellyHutchins — Sat, 11 Dec 2021 21:53:03 GMT

Tracy Schloss you could quite easily accomplish this using css. If you use the css inspection tools available in most browsers you'll see that a class named esriPopupMaximized is added to the popup after you press the maximize button. You can add a css rule for the popup content, title and title buttons to increase the size when the class is present. Here's an example of how this would look:

.esriPopupMaximized .contentPane, .esriPopupMaximized .titlePane .title, .esriPopupMaximized .titlePane .titleButton {
  font-size: large;
}

Re: What determines size of maximized infoWindow, how to increase font

TracySchloss — Tue, 27 Oct 2015 21:31:10 GMT

I've been looking at the styles that are assigned and I didn't see that there's a change in class. It all stayed the same .esriPopup .contentPane to me. However, when I added your suggestion to the CSS, it did the trick. Thanks Kelly!

Re: What determines size of maximized infoWindow, how to increase font

KellyHutchins — Tue, 27 Oct 2015 21:35:03 GMT

Glad it helped. As far as the class being added here's an example of what I see when I inspect the popup after I've maximized the popup.

Re: What determines size of maximized infoWindow, how to increase font

TracySchloss — Tue, 27 Oct 2015 21:37:40 GMT

There it is! I wasn't looking high enough. I was focused on 'sizer'.