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

Is it possible to center the infoWindow?

LloydBronn

I have an infoWindow that contains an iFrame with a chart image generated by a GP tool. It's fairly large 640 x 680 pixels. It tends to go off the edges of the visible map. I've seen a lot of threads about automatically panning the map to accommodate the infoWindow. I'm wondering if it's possible to just have the infoWindow popup in the middle of the screen, regardless of where the click point is?

Encuentra más publicaciones etiquetadas con

Accepted answers

All comments

RobertScheitlin__GISP

Lloyd,

The popup has a method called reposition that you should use:

https://developers.arcgis.com/javascript/3/jsapi/popup-amd.html#reposition

TimWestern_0-1733759881921.png

LloydBronn

Thanks. Will this also work for an infoWindow? I noticed that when I first click a point, the infoWindow automatically positions itself above, below, or beside the point based on where it is in the map. After I run the GP tool and click the result link, the new infoWindow pops up, it's always above the point and it's usually going off the screen. Could it be happening because I resize it to accommodate the iFrame?

I've tried using window.map.infoWindow.show(evt.mapPoint); but that didn't help.

RobertScheitlin__GISP

Llyod,

Definitely it is because you resize the infoWindow. BTW. the map.infoWindow by default is a Popup dijit, so yes map.infoWindow.reposition(); will work fine.

LloydBronn

OK. I tried it, and it's still above the point.

window<SPAN class="punctuation token">.</SPAN>map<SPAN class="punctuation token">.</SPAN>infoWindow<SPAN class="punctuation token">.</SPAN><SPAN class="token function">resize</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="number token">640</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">660</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
window<SPAN class="punctuation token">.</SPAN>map<SPAN class="punctuation token">.</SPAN>infoWindow<SPAN class="punctuation token">.</SPAN><SPAN class="token function">setContent</SPAN><SPAN class="punctuation token">(</SPAN>content<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
window<SPAN class="punctuation token">.</SPAN>map<SPAN class="punctuation token">.</SPAN>infoWindow<SPAN class="punctuation token">.</SPAN><SPAN class="token function">reposition</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

LloydBronn

Any thoughts as to why map.infoWindow.reposition(); might not be working?

RobertScheitlin__GISP

Sorry I do not. Is there enough space for the popup and the map point to show? Maybe try to decrease the size of the infowindow some.

LloydBronn

Yes, there is room. I don't need the map point to show once the infowindow is up, I just need the infowindow to behave like it's supposed to. Not always above the point, regardless of where the point is on the map. I can't really make it any smaller, because I need the chart to be visible/readable in the infowindow. Maybe this is a bug?

LloydBronn

So I've discovered that the infoWindow won't reposition if it is wider than 550px. This is unfortunate because I need it to be 640px for the chart to be legible. I've also noticed that when the window is full size (640, 660), if zoom in after the chart window is displayed, it moves into the full view of the map. I'm wondering if this is a set limit or if it's just a bug.

Únete a la Conversación

Los miembros registrados pueden publicar, seguir actualizaciones y más. ¿Nuevo aquí? Regístrate gratis.

Enlaces Rápidos

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