Skip to main content
Skip table of contents

3.3.8.7. HTML-Editor

Der Editor kann z.B. für Startseiten einer Ebene, Zusammenfassungen, Übersichten mit Verlinkungen oder Anleitungen zur Benutzung des Bereichs Datenerfassung verwendet werden.

HTML kann im Tab-Typ “HTML-Editor” manuell per Editor erzeugt werden. Hierbei kann man sowohl über die Benutzeroberfläche Elemente einfügen/bearbeiten als auch direkt in HTML-Code schreiben.

Diesen Editor findet man auch auf der Startseite der Applikation auf Serverebene und auf der Startseite der Datenbankebene.


3.3.8.7.1. Tab “HTML-Editor” hinzufügen

Tabs können auf den Ebenen “Werk“, “Fabrik“ und “Produktlinie” in der Menüleiste über das Icon image-20240809-115013.png “Tab hinzufügen” neu erstellt werden.

image-20240826-111554.png

Tab hinzufügen - Tab-Typ “HTML-Editor”

ID

  • Dies ist das Eingabefeld für die Tab-ID für den neuen Tab. Die ID muss in dieser Ebene (z.B. Produktlinie) eindeutig sein.

Die ID eines Tabs kann nur über “Tab verschieben” geändert werden.

Typ

  • In einem Drop-down-Menü kann aus einer Auswahl von Tab-Typen der Typ ausgewählt werden.

Orderindex

  • Der Orderindex legt fest, in welcher Reihenfolge die Tabs in der Tab-Leiste angezeigt werden.

  • Der Tab mit dem niedrigsten Orderindex steht in der Menüleiste ganz links und wird beim Öffnen der Ebene zuerst angezeigt. Das gilt nicht, wenn dieser Tab ausgeblendet ist.

Sichtbarkeit

  • In einem Drop-down-Menü kann die Sichtbarkeit des Tabs in der Menüleiste ausgewählt werden:

    • Sichtbarkeit “0” = wird ausgeblendet

    • Sichtbarkeit “1” = wird angezeigt

  • Ausgeblendete Tabs können über das Kontextmenü der Tabs wieder eingeblendet werden.

Name

  • Dieser Name wird in der Menüleiste für Tabs angezeigt und sollte möglichst gut beschreiben, was der Tab beinhaltet.

Kommentar

  • Hiermit kann der Tab genauer beschrieben werden.

  • Der Kommentar erscheint als Tooltip, wenn man mit der Maus über dem Tab-Namen in der Menüleiste schwebt.

Datenquelle

  • In einem Drop-down-Menü kann eine Datenquelle ausgewählt oder manuell eingegeben werden.

  • Über den aktivierten Toggle-Button image-20240812-121755.png können alle verfügbaren Datenquellen angezeigt werden.

Text

  • Dieser Text kann als einleitende Beschreibung verwendet werden.

  • Er steht im Anzeigefeld ganz oben, direkt unter der Menüleiste für die Tabs.

Button “Anwenden”

  • Mit Auswahl dieses Buttons wird der neue Tab erstellt und in der Menüzeile der Tabs angezeigt.


3.3.8.7.2. Menüleiste für Tab “HTML-Editor”

Die Optionen der Menüleiste beziehen sich auf den Tab als Gesamtheit.

image-20240826-112718.png

Ansicht “Menüleiste für Tabs”

Icon image-20241002-085701.png “Feldliste anzeigen”

  • Für diesen Tab-Typ nicht aktiviert.

Icon image-20241002-085750.png “Optionen”

  • Für diesen Tab-Typ nicht aktiviert.

Icon image-20241002-085810.png “Speichern”

  • Über dieses Icon werden direkt alle Änderungen des Tabs gespeichert.

Icon image-20241002-085840.png “Neu laden”

  • Temporäre und nicht gespeicherte Änderungen können so verworfen werden.

Icon image-20241002-085855.png “Importieren”

  • Ein Tab kann mit all seinen Inhalten inklusive Layout importiert werden.

  • Es öffnet sich ein Dialog, in welchem die zu importierende Datei mit der Dateierweiterung “.sql” über den Button “Datei öffnen” von einem Speicherort ausgewählt bzw. importiert werden kann.

  • Nachdem eine Datei ausgewählt wurde, werden die zugehörigen Daten automatisch im Dialog eingetragen und nur der Zielort, wo der Tab eingefügt werden soll, muss ausgewählt werden.

Icon image-20241002-085934.png “Exportieren”

  • Ein Tab kann mit all seinen Inhalten und Layout exportiert werden. Es besteht dazu eine Möglichkeit: “Tab exportieren”. Die Optionen “Nach Excel exportieren” und “Nach PDF exportieren” sind nicht aktiviert.

  • Bei Auswahl von “Tab exportieren” öffnet sich ein Dialog, in welchem der Dateiname “tab_<Tab-ID>” vorausgefüllt ist. Dieser Name kann manuell angepasst werden.

Die Optionen “Nach Excel exportieren” und “Nach PDF exportieren” sind je nach Tab (de-)aktiviert.

Icon image-20240809-115013.png “Tab hinzufügen”

  • Tabs können auf den Ebenen “Werk”, “Fabrik” und “Produktlinie” neu hinzugefügt werden.

  • Bei Auswahl dieses Icons öffnet sich ein neuer Dialog, welcher im jeweiligen Unterpunkt zum Tab-Typ ausführlich beschrieben wird.


3.3.8.7.3. Menüleiste des HTML-Editors

Über das Icon image-20240826-112947.png kann der Editor geöffnet werden und es werden dann alle Bearbeitungsmöglichkeiten des HTML-Containers angezeigt. Die Bearbeitungsmöglichkeiten ähneln denen eines Word-Dokuments und sind somit einfach zu benutzen.

image-20240826-112746.png

Ansicht “Editor - geschlossen”

image-20240826-114712.png

Ansicht “Editor - geöffnet”

Datei

  • Öffnet ein Drop-down-Menü zur Bearbeitung eines neuen Dokuments für die Inhalte der HTML-Seite. Es kann ein Text eingegeben und dieser formatiert werden (Schriftgröße, Schriftfarbe, Textausrichtung, usw.).

  • Erstellte Dokumente können ausgedruckt werden.

Bearbeiten

  • Öffnet ein Bearbeitungsmenü der existierenden Datei (ausschneiden, kopieren, einfügen, usw.).

  • Inhalte können gesucht und ersetzt werden.

Ansicht

  • Verbessert die Ansicht des Containers mit visuellen Hilfen.

  • Ferner kann hier der Quelltext der Seite eingesehen werden.

Einfügen

  • Öffnet ein Drop-down-Menü, welches das Einfügen von Bildern, Links, Medien, Tabellen ermöglicht und diese in die Formatierung der Seite einbettet.

Format

  • Öffnet ein Drop-down-Menü zur Veränderung des Formats der gesamten Seite und des enthaltenen Inhaltes (z.B. Schriftgröße, Schriftarten, Schriftfarbe, usw.).

Werkzeuge

  • Es kann in die Quelltextansicht gewechselt sowie die Gesamtanzahl der Wörter dargestellt werden.

Tabelle

  • Öffnet ein Drop-down-Menü zur Erstellung, Bearbeitung sowie Löschen einer Tabelle.

Hilfe

  • Öffnet ein Fenster mit einer Übersicht mit praktischen Tastenkombinationen, Tastatur-Navigationsmöglichkeiten und weiteren Informationen.


3.3.8.7.4. Beispiel Tab-Typ “HTML-Editor”

Im Anschluss werden verschiedene Anwendungsbeispiele gezeigt.

  • Beispiel eines HTML-Tabs:

image-20240826-120114.png
  • Beispiel eines HTML-Tabs: Startseite des Moduls “Vertragsmanagement” mit Anweisungen

image-20241018-123135.png
  • Beispiel eines HTML-Tabs: Anweisungen für die Verwendung von Templates des Moduls “Vertragsmanagement”

image-20241018-123637.png
  • Beispiel eines HTML-Tabs: Systemdokumentation des Moduls “Vertragsmanagement”

image-20241018-123034.png
image-20241018-122950.png

3.3.8.7.5. Kontextmenü des Tabs

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.