UI-Dokumentation |
Scroll |
Der WebViewer kann an individuelle Bedürfnisse angepasst werden, indem Schaltflächen, Gruppen oder ganze Registerkarten im Ribbon der Benutzeroberfläche ausgeblendet werden. Alle relevanten UI-Einstellungen sind in der Datei settings.js aufgeführt, die sich im WebViewer-Installationsverzeichnis (www/defaults) befindet. Um einzelne Schaltflächen, Gruppen oder Registerkarten auszublenden, sind die folgenden Einstellungen erforderlich:
Einstellung |
Beschreibung |
---|---|
_functions |
Einzelne Schaltflächen ausblenden |
_RibbonGroups |
Ganze Gruppen ausblenden |
_Tabs |
Ganze Registerkarten ausblenden |
Diese Einstellungen müssen in die Datei overrides.js kopiert werden, die sich im Installationsverzeichnis des WebViewers (www/custom) befindet. Um einzelne Elemente wie Schaltflächen, Gruppen oder Registerkarten auszublenden, wird die ID des Elements benötigt.
Sie können die ID über die DevTools des Browsers ermitteln:
▪Öffnen Sie den WebViewer in Ihrem Browser.
▪Drücken Sie [F12], um die DevTools zu öffnen.
▪Öffnen Sie die Ansicht Elementes, indem Sie auf das Symbol klicken oder die Tastenkombination [Strg] + [ñ] + [C] verwenden.
▪Klicken Sie auf das UI-Element, das Sie ausblenden möchten (z.B. die Schaltfläche "Turntable").
▪Das ausgewählte Element wird in den DevTools des Browsers in der Ansicht Elements hervorgehoben.
▪Die ID des ausgewählten UI-Elements finden Sie im hervorgehobenen Bereich.
Die ID, nach der Sie in diesem Beispiel suchen, lautet "ID_RIBBON_TURNTABLE". Dies muss der Variablen _functions hinzugefügt werden, um die Schaltfläche "Turntable" auszublenden.
In der Datei overrides.js würde der Eintrag für dieses Beispiel wie folgt aussehen:
// remove Attribute Turnable var _functions = { "ID RIBBON TURNABLE": fales, }; |
Dieses Beispiel kann verwendet werden, um jede Schaltfläche, Gruppe oder Registerkarte im WebViewer auszublenden. Weitere Beispielkonfigurationen finden Sie im WebViewer-Installationsverzeichnis (www/examples/feature-bundle-examples/ribbon-files/).
Beachten Sie: Es ist wichtig, diese Einstellungen in der Datei overrides.js zu definieren, wie oben beschrieben, und nicht in der Datei settings.js, da diese Einstellungen bei jeder Aktualisierung des WebViewers mit den Standardeinstellungen überschrieben werden. Sie sollten auch sicherstellen, dass der Browser-Cache nach einer Änderung geleert wird, damit die Änderungen sichtbar sind.