OCT-Handbuch
Breadcrumbs

3.3.8.7. 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 “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 “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-20250820-125427.png
Tab hinzufügen - Tab-Typ “Editor”

ID

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

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

Typ

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

Anzeigeposition

  • Die Eingabe 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.

  • Beim ersten Tab, der hinzugefügt wird, kann die Sichtbarkeit nicht ausgewählt werden. Dazu muss der Tab erneut über “Tab bearbeiten” geöffnet 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.


3.3.8.7.1.1. Gespeicherte Prozedur (a)

Es wird direkt ein Tab mit einem Editor angelegt. Es wird dafür keine Datenquelle benötigt.

image-20250820-125735.png

Datenquelle

  • Das Eingabefeld für eine Datenquelle muss nicht ausgefüllt werden, da die Eingabe der Daten direkt über den Editor stattfindet.

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.1.2. SQL-Befehl (b)

Diese Option ist für den Tab “Editor” nicht aktiviert.

image-20250820-125838.png

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

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

image-20250820-130016.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.

  • Die Quell-Tab-ID wird im Eingabefeld für die Ziel-Tab-ID automatisch übernommen und kann da bearbeitet werden. Des Weiteren muss in der Baumstruktur der Zielort, wo der Tab eingefügt werden soll, ausgewählt werden.

image-20250917-081638.png

Icon image-20241002-085934.png “Exportieren”

  • Der Tab kann über das Icon image-20250820-085409.png in der Menüleiste oder über das Rechtsklick-Kontextmenü exportiert werden.

  • Es bestehen dazu zwei Möglichkeiten: “Tabdefinition exportieren” und “Nach PDF exportieren”. Die Option “Nach Excel exportieren” ist nicht verfügbar.

  • Bei Auswahl von “Tabdefinition exportieren” öffnet sich ein Dialog, in welchem der Dateiname “tab_<Tab-ID>” vorausgefüllt ist. Dieser Name kann manuell angepasst werden. Der Tab wird mit allen öffentlichen und privaten Layouts als SQL-Datei exportiert.

image-20251124-142008.png
  • Bei Auswahl von “Nach PDF Exportieren” gibt es zwei Optionen des PDF-Formats zur Auswahl: Hochformatmodus oder Querformatmodus. Nach Auswahl eines der Modi wird direkt der Download als PDF-Datei gestartet.

Die Optionen “Nach Excel exportieren” und “Nach PDF exportieren” sind je nach Tab-Typ (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 (3.3.8.7. Editor | 3.3.8.7.1. Tab “Editor” hinzufügen) ausführlich beschrieben wird.


3.3.8.7.3. Menüleiste des 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.

Informationen zur Verwendung von Links im Tab-Typ “Editor” finden Sie hier: 1.5. Links in OCT (URLs) | 4.1. Links im Tab Typ “HTML Editor”

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 “Editor”

Im Anschluss werden verschiedene Anwendungsbeispiele gezeigt.

  • Beispiel 1:

image-20250821-132620.png
  • Beispiel 2: Startseite des Moduls “Vertragsmanagement” mit Anweisungen

image-20251016-094256.png
  • Beispiel 3: Anleitung für das Anlegen eines Vertrags im Modul “Vertragsmanagement”

image-20251016-093734.png
  • Beispiel 4: Systemdokumentation des Moduls “Vertragsmanagement”

image-20251016-094644.png
image-20251016-094838.png

3.3.8.7.5. Kontextmenü des Tabs

Das Kontextmenü des Tabs ist ausführlich unter “3.3.8.1. Tabs - allgemein | 3.3.8.1.4. Kontextmenü der Tabs” beschrieben.