Bedienelemente

Dokumentation > Bedienelemente

Im Folgenden werden die wichtigsten Bedienungselemente und Ansichten der Benutzeroberfläche besprochen.

Allgemeine Elemente

Die folgenden Symbole auf Schaltflächen werden durchgängig verwendet. Abhängig des Anwendungsfalles kann die Farbgebung varieren.

Öffnet die Eingabemaske mehrsprachiger Inhalte
Diese Schaltfläche wird nur bei mehrsprachigen Elementen in mehrsprachigen Umgebungen angeboten

Hochladen von Dateien
Der Tooltip gibt Auskunft darüber , ob in einem Rutsch mehrere Dateien zum Upload ausgewählt werden können

Herunterladen von Dateien

Speichern des Elementes

Suche ausführen

Funktionen im Zusammenhang persönlicher Dashboard

Bearbeiten einer Zuordnung

Anzeige verfügbarer Links für den Download von Dateien

Löschen eines Elementes
Löscht das Element oder die Zurodnung

Element hinzufügen

Auswahl öffnen

Reihenfolge ändern

Vorherige, bzw. nächste Seite anzeigen

Erste, bzw. letzte Seite anzeigen

Öffnet die Oberfläche der Berechtigungen des aktuellen Elementes
Abhängig von den Berechtigungen des aktuellen Benutzers

Auswahlelemente

Im folgenden Beispiel sind zwei Bedienelemente für die Auswahl vorhandener Daten aus dem CMS abgebildet.

 

Dropdown | Dropdown-Suche

Kombinationselement für die Auswahl aus Listen

Die linke Seite zeigt die Auswahl eines Textbausteines mit allen Optionen inklusive dem Erstellen eines neuen Elementes.

Es kann einerseits ein bestehendes Element aus der Liste ausgewählt oder ein neues Element erstellt werden.

Die Suche wird in abhängigkeit des Anwendungsfalles angezeigt, beiepielsweise bei potentiell vielen Einträgen.

 

Dropdown-Baumsuche

Auswahl aus einer hierarchischen Ansicht

Die rechte Seite die Auswahl aus einer hierarchischen Struktur ohne optionale Funktionen.


Beide Elemente werden als Bestandteil von Eingabemasken und für das Hinzufügen in Listenansichten verwendet.


  • (1) Optionale Funktionen
    Die linke Schaltfläche öffnet das Ausgewählte Objekt/Element, die rechte Schaltfläche entfernt ein bereits ausgewähltes Element aus der aktuellen Eingabemaske
  • (2) Suche
    Detailinformationen zur Suche finden Sie auf der Seite: Suchfunktion
  • (3) Erstellen einen neuen Elementes
    Ein Klick auf das (+) öffnet einen Dialog zur Erstellung eines neuen Elementes. Nach der Erstellung wird das neue Element ausgewählt
Auswahlelemente

«Inline» Bestätigung vom Aktionen

Einige Operationen erfordern eine Bestätigung.

Falls keine zusätzlichen Informationen erforderlich sind, wird das sogenannte kleine «Inline» Bestätigungselement verwendet. Anwendungsbeispiele sind das Löschen oder das Kopieren von Einträgen.

Im folgenden Beispiel ist ersichtlich, wie ein Klick auf «Löschen» zur Anzeige von zwei Schaltflächen für «Bestätigen» und «Abbrechen» führt.

«Inline» Bestätigung vom Aktionen

Listenansicht

Die Elemente innerhalb einer Ansicht können eine oder mehrere Zeilen, im Beispiel zwei Zeilen, in Anspruch nehmen.

  • (1) Steuerelemente für das Navigieren und das Suchen der Daten
    Detailinformationen zur Suche finden Sue auf der Seite: Suchfunktion
  • (2) Steuerelement für das Hinzufügen und/oder Zuordnen eines neuen Elementes
    Beim Klick wird entweder die Eingabemaske für das Erstellen einen neuen Elementes, oder ein Auswahlelement wie weiter oben ausgeführt, angezeigt.
  • (3) Spalte mit Schaltflächen zu zusätzlichen Funktionen.
    Am folgenden Beispiel sind die Schaltflächen für das Kopieren und eine Schaltfläche für das Löschen eines Elementes ersichtlich
Listenansicht

Baumansicht

In der Baumsansicht wird neben einem Symbol lediglich der Titel angezeigt.
Baumansichten werden i.d.R. immer in Kombination mit einem Mutationsbereich und einer Listenansicht kombiniert.

  • (1) Steuerelemente für das Suchen von Daten
    Detailinformationen zur Suche finden Sie auf der Seite: Suchfunktion
  • (2) Baumansicht
Baumansicht

Kombination Listenansicht

Diese Kombination wir standardmässig für alle flach organisierten Daten verwendet.

  • (1) Listenansicht
  • (2) Bereich für das Mutieren des aktiven Elementes aus Listenansicht
  • (3) Eine oder mehrere Listenansichten mit Details zum aktiven Element
Kombination Listenansicht

Kombination Baumansicht

Diese Kombination wir standardmässig für alle hierarchisch organisierten Daten verwendet.

  • (1) Baumansicht
  • (2) Bereich für das Mutieren des aktiven Elementes aus der Hierachie/der Baumansicht
  • (3) Eine oder mehrere Listenansichten mit Details zum aktiven Element
Kombination Baumansicht