Clientseitige Graphiken für WebOffice flex
Mit WebOffice flex können Sie clientseitige Graphiken adaptieren bzw. Ihre eigenen Stile für bestimmte Projekte oder die gesamte Anwendung erzeugen.
Die für die Individualisierung zu ändernden Dateien finden Sie im Verzeichnis: C:\Tomcat\webapps\<WebOffice application>\pub\client_flexjs\skins\<Skin-Name>\properties.json
Die Standarddefinition finden Sie im Verzeichnis: C:\Tomcat\webapps\<WebOffice application>\client_flexjs\resources\UIConfiguration.json
|
In der Datei UIConfiguration.json dürfen keine Änderungen durchgeführt werden, da diese bei Einspielen eines Updates verloren gehen würden. |
Genauso wie für Skins haben Sie die Möglichkeit
•die WebOffice flex Benutzeroberfläche (für alle Projekte) zu individualisieren, indem Sie die Dateien im bereits existierenden Ordner user adaptieren.
•Ihren eigenen Skin für WebOffice flex auf Projektlevel (projektspezifisch) zu erstellen, indem Sie den sampleskin Ordner nutzen.
|
•Weitere Informationen über vordefinierte Skins für WebOffice flex finden Sie im Kapitel Projektskins. Bitte führen Sie in den vordefinierten Skins (blue, navajowhite3, olivedrab, prooffice) keinerlei Änderungen durch, da diese durch das WebOffice Team gepflegt werden und in jedem WebOffice Service Pack oder Release inkludiert sein können. •Weitere Informationen zur Erstellung eines eigenen Skins finden Sie im Kapitel Skins für WebOffice flex. |
Optional anpassbare clientseitige Graphiken:
•Standard PopUp Icon: default_popup_icon
•Kontextmenümarker: contextMenuMarker
•Einzeltreffermarker: singleFeatureMarker
•Mehrfachtreffermarker: multiFeatureMarker
•Druckvorschau: printPreview
•Kartenauschnittsvorschau: geoBookmarkExtent
•Positionsgenauigkeitskreis: geometryAccuracyMarker
Beispiel: Druckvorschau farblich anpassen
Sie kopieren den gesamten Code des Elements von der Datei UIConfiguration.json nach properties.json (entweder im user-Verzeichnis oder im eigenen Skin-Verzeichnis, siehe oben).
graphics": {
printPreview": {
color": [236,146,40, 0.5],
outline": {
color": [236,146,40, 1],
width": 2
}
}
}
Achten Sie darauf, den Code bis zur 1. Ebene zu kopieren. Fügen Sie den Text in der Datei properties.json zwischen den bereits bestehenden eckigen Klammern ein. Ändern Sie danach beispielsweise die Farbdefinition:
|
Bei Problemen überprüfen Sie die Formatierung des Inhalts Ihrer properties.json Datei in einem online JSON Editor. |
{
graphics": {
printPreview": {
color": [225,225,225, 0.5],
outline": {
color": [0,0,0, 1],
width": 2
}
}
}
}