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 Applikation 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

Hinweis: In der Datei UIConfiguration.json dürfen keine Änderungen durchgeführt werden, da diese bei Einspielen eines Updates verloren gingen.

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.

Hinweis: 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.

Hinweis: 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 beispielweise die Farbdefinition:

Hinweis: 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

              }

        }

  }

}