Ändern der Größe eines Pop-up in Web AppBuilder for ArcGIS (Developer Edition)

Zusammenfassung

In einer Web-App ist ein Pop-up mit der infoWindow-Klasse verknüpft und wird häufig zum Anzeigen von Informationen zu einem ausgewählten Feature verwendet. Dieses Pop-up hat oftmals keine bestimmte Größe, da diese Eigenschaft anfänglich nicht im Skript programmiert wird. Weitere Informationen zu Pop-ups finden Sie unter ArcGIS API for JavaScript: Klasse: Pop-up.

In den bereitgestellten Anweisungen wird beschrieben, wie die Größe eines Pop-ups in ArcGIS API for JavaScript geändert wird.

Vorgehensweise

Es gibt zwei Möglichkeiten, die Größe eines Pop-up in einer Web-App anzupassen. Verwenden Sie eine der folgenden Methoden, um eine bestimmte Größe des Pop-up-Fensters festzulegen.

Festlegen des Pop-up-Fensters auf eine bestimmte Größe

Bearbeiten Sie die Datei "MapManager.js" im Benutzerordner der App (install DIR\server\apps\userApp\jimu.js), indem Sie die folgende Zeile am Ende der resetInfoWindow: function() des Skripts einfügen.

this.map.infoWindow.resize(360,280);

Hinweis: Aktualisieren Sie die Web-App, um die Änderungen zu speichern.

Die folgenden Abbildungen zeigen die unterschiedlichen Größen des Standard- und des angepassten Pop-up-Fensters.

Abbildung des Standard-Pop-up-Fensters

Abbildung des angepassten Pop-up-Fensters

Festlegen des Pop-up-Fensters auf automatische Anpassung an die Größe des Inhalts

Bearbeiten Sie die Datei "jimu.css" im App-Ordner (install DIR\server\apps\userApp\jimu.js\css), und fügen Sie die Funktion .esriPopup im Bereich "Styles" wie im folgenden Codeausschnitt hinzu.

.esriPopup.light .esriPopupWrapper { position: initial!important; } .esriPopup .sizer { position: initial !important; width: 100% !important; }

Die folgende Abbildung zeigt die Wirkung des Codes auf die Größe des Pop-up-Fensters.