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

How to &amp;quot;reset&amp;quot; the map's infoWindow size so that it auto-sizes itself?

StephenLead

Click on a feature in the Popup sample, and note that the map's infoWindow automatically displays at the optimal size for its content.

It is possible to override this size using map.infoWindow.resize(500,500) - thereafter, the infoWindow always opens at this size when clicking on new features.

How can I "reset" the size so that the infoWindow automatically resizes to fit its content once more, after I've used map.infoWindow.resize()? In other words, how can I "undo" the resize command without specifying a new size?

Background - I have a multi-layer map and I'm manually resizing the infoWindow to suit a particular layer's infoWindow, but I wish for the infoWindow to return to normal auto-sizing behaviour when clicking on other layers.

Thanks,
Steve

Finde mehr Beiträge mit dem Tag

Accepted answers

WyattPearsall

You wouldn't be too far amiss adding styles through CSS to the esriPopup class and its children. You could also first create an empty div of height 500px, width 500px that you set as the content of the infowindow, then set the content of that div as your data. Doing this in a callback for a successful request for data should be fairly seamless.

All comments

WyattPearsall

StephenLead

Bingo. I used a much simpler version of your suggestion to "reset" the size after showing a large infoWindow:

dojo.connect(map.infoWindow, "onHide", function () {
    map.infoWindow.setContent("");
});

Thanks,
Steve

EDIT: This doesn't actually work. I'll keep working on it but I think your suggestion is on the right track

Tecnologia__Logística_i_Qualit

Probably is an old question and not interesting for many people, but if everyone has a similar problem, I've found a solution to 'undo' resize method for infoWindow.

Try this (javascript code) at onHide event for infoWindow:

try {

map.infoWindow.setContent(' ');

dojo.style(map.infoWindow._contentPane,'max-height','');

dojo.forEach(map.infoWindow._sizers,function(o){dojo.style(o,'width','');});

} catch(e) {}

Live Long and Prosper

Nimm an der Diskussion teil

Angemeldete Mitglieder können Beiträge verfassen, Updates folgen und mehr. Neu hier? Registriere ein kostenloses Konto.

Schnellzugriffe

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