nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

What determines size of maximized infoWindow, how to increase font

TracySchloss

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.

Trouver plus de publications taguées avec

Accepted answers

khutchins

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;
}

All comments

khutchins

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

TracySchloss

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!

khutchins

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.

Screen Shot 2015-10-27 at 2.33.47 PM.png

TracySchloss

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

Rejoindre la conversation

Les membres connectés peuvent publier, suivre les mises à jour, et plus encore. Nouveau ici ? Inscrivez-vous gratuitement.

Liens rapides

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.