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

Die Option „Fenster maximieren“ im Pop-up des AGOL Map Viewer deaktivieren

BugPie

Wir verwenden den standardmäßigen Webkarten-Viewer in ArcGIS Online, um eine Webkarte zu erstellen und zu veröffentlichen, die auf einer Website eingesetzt werden soll. Nachdem die Karte erstellt wurde, nutze ich im Viewer die Option „Freigeben“, um sie für alle freizugeben. Anschließend klicke ich auf die Schaltfläche zum Einbetten in eine Website, um den HTML-Code zu erhalten, den ich dem Webentwickler gebe, damit er die Karte per IFrame in die Website einbinden kann.

Eines der Probleme ist, dass nach dem Öffnen eines Pop-ups oben rechts neben der Schaltfläche „X“ zum Schließen eine Schaltfläche bzw. ein Symbol zum „Maximieren“ angezeigt wird. Wenn ich auf diese Schaltfläche klicke, wird das Pop-up-Fenster maximiert, der Inhalt darin bleibt jedoch gleich groß. Dadurch entsteht in unserem Pop-up lediglich zusätzlicher „Leerraum“. Gibt es eine Möglichkeit, den Inhalt dynamisch an das maximierte Pop-up-Fenster anzupassen, oder lässt sich die Maximierungsoption im Pop-up-Fenster ganz deaktivieren? Diese Maximierungsoption funktioniert bei uns so nicht und ist ziemlich nutzlos. Ich vermute, irgendwo gibt es dafür eine Lösung?!

Finde mehr Beiträge mit dem Tag

Accepted answers

evtguy

Upon further review, my answer *is* correct but only under certain limited situations. It will only work if you have "direct access" (or ownership) of the source files you're attempting to modify. You don't have that direct access if you're IFraming an AGOL map. This is one of those examples of browser restrictions to prevent malicious actions.

Link

Unless someone from ESRI chimes in, I don't think you'll be able to modify this.

All comments

evtguy

Since you mention that you're embedding the map into other pages, it may be possible to remove the maximize button using CSS. I work with the Javascript API and adding the following to my CSS stylesheets will remove the maximize button from popups:

.esriPopup .titleButton.maximize { 
    display: none !important;
}

Then again, Iframes are literally a browser within a browser so you may have to add this CSS style rule using javascript on the fly. I wish ESRI would give us the ability to disable/enable this buttton on our own..

Steve

BugPie

Thanks for your response Steve. I think you might be correct in that you can't disable this on our own, within the AGOL environment. I can't find anything that shows this option. At the very least, i wish it would just WORK if it's going to be there. I have yet to find an example where it works and the content expands with the window. I don't get it.

You will have to excuse my lack of knowledge on this, but how to you access the CSS for the embed map option? One of the limitations we are running into using this platform is that it seems our web developer is not able to adjust the CSS for the iframe code we provide using the "Embed Map" option. If there was a way they could access the CSS to 1)turn that button off 2) use custom fonts within the pop-ups. It would solve my problems for the most part.

Is this something I can tell/help them figure out?

Cheers

evtguy

Link

Unless someone from ESRI chimes in, I don't think you'll be able to modify this.

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.