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

De optie 'Venster maximaliseren' uitschakelen in de pop-up van de AGOL-kaartviewer

BugPie

We gebruiken de standaard Web Map Viewer in ArcGIS Online om een webkaart te maken en te publiceren die op een website wordt gebruikt. Zodra de kaart is gemaakt, gebruik ik de optie 'Delen' in de viewer om de kaart met iedereen te delen. Vervolgens klik ik op de knop 'Insluiten in website' om de HTML-code op te halen en aan de webontwikkelaar te geven, zodat de kaart via een iframe op de website kan worden opgenomen.

Een van de problemen is dat er, zodra een pop-up is geopend, rechtsboven in de pop-up naast de knop 'X' om te sluiten een knop/pictogram 'Maximaliseren' staat. Wanneer ik op deze knop klik, wordt het pop-upvenster gemaximaliseerd, maar blijft de inhoud even groot. Daardoor ontstaat er alleen maar extra 'witruimte' in onze pop-up. Is er een manier om de inhoud automatisch het gemaximaliseerde pop-upvenster te laten vullen, of kunnen we de optie om het pop-upvenster te maximaliseren helemaal uitschakelen? Deze optie werkt voor ons niet en is eigenlijk vrij nutteloos. Ik neem aan dat hier ergens een oplossing voor is?!

Vind meer berichten getagd met

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.

Doe mee aan het gesprek

Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.

Snelle Links

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