Clock

Uhr, zeigt die Systemzeit an.

Symbol
Menüband	Start > Steuerelemente > Ein-/Ausgabe > Textausgabe > Clock

Über das Steuerelement "Clock" wird das aktuelle Datum und Uhrzeit des Browsers ausgegeben, in dem die Web-App läuft. Der Browser wiederum bezieht das Datum und die Uhrzeit aus den Einstellungen des Betriebssystems. Zur Anzeige des aktuellen Zeitpunktes im Steuerelement ist also im Unterschied zum DateTimeVarOut keine Variable notwendig.

Clock mit Ausgabe des Datums und der Uhrzeit

Funktionalitäten

Das Steuerelement unterstützt folgende Funktionalität:

• Darstellung des Datums

• Darstellung der Uhrzeit

• Unterschiedliche Datums- und Zeitformate

• Automatische Positionierung der Datumsanzeige und der Uhrzeitanzeige innerhalb des Steuerelements

• Anbindung an die Benutzerverwaltung zur Sperrung der Bedienbarkeit

• Darstellung des Hintergrunds, des Rahmens, des Schattens etc.

• Farbliche Darstellung des Hintergrunds, des Rahmens, des Textes etc., auch in Abhängigkeit vom Zustand des Steuerelements

Diese Funktionalitäten können Sie über die Eigenschaften im Fenster Eigenschaften konfigurieren, wenn Sie das Steuerelement im Designer oder in der Dokumentgliederung markieren.

Style

Für das Steuerelement stehen keine System-Styles zur Verfügung. Sie können eigene Styles für das Steuerelement erstellen. Diese Styles stehen nach der Erstellung in der Eigenschaft "Style" zur Auswahl.

Aufbau

Das Steuerelement besteht aus einer Reihe weiterer Elemente. Sowohl das Steuerelement selbst als auch seine Elemente können über die Eigenschaften des Steuerelements konfiguriert werden. Eigenschaften für ein Unterelement des Steuerelements sind in der Regel in der Kategorie zu finden, die den Namen dieses Elements trägt.

Beispiel: Die Eigenschaften zur Konfiguration des Elements "Date" finden Sie im Fenster Eigenschaften in der Kategorie "Date", wenn Sie das Steuerelement im Designer oder in der Dokumentgliederung markieren.

Die Clock und ihre Elemente

Automatische Positionierung der Datums- und der Uhrzeitanzeige

Das Steuerelement positioniert die Datumsanzeige (Element "Time") und die Uhrzeitanzeige (Element "Date") innerhalb des Steuerelements automatisch. Die Positionierung hängt zum einen von der Einstellung der Eigenschaft "DateTimeMode" und zum anderen von den Einstellungen der Eigenschaften "AlignItems" und "JustifyContent" ab.

AlignItems

Legt die Ausrichtung der Elemente Date und Time innerhalb der Zeile/Spalte fest. Die Eigenschaft wirkt senkrecht zur Einstellung der Eigenschaft "DateTimeMode".

• Start

  Richtet die Elemente an der oberen Kante der Zeile bzw. an der linken Kante der Spalte aus.

  

  AlignItems=Start, JustifyContent=Center, DateTimeMode=...

• End

  Richtet die Elemente an der unteren Kante der Zeile bzw. an der rechten Kante der Spalte aus.

  

  AlignItems=End, JustifyContent=Center, DateTimeMode=...

• Center

  Platziert die Elemente in der Mitte der Zeile/Spalte.

  

  AlignItems=Center, JustifyContent=Center, DateTimeMode=...

• Baseline

  Richtet die Elemente an der Basislinie (Grundlinie, Schriftlinie) ihrer Texte aus.

  

  AlignItems=Baseline, JustifyContent=Center, DateTimeMode=...

• Stretch

  Die Elemente werden so gestreckt, dass sie die gesamte Zeilenhöhe/Spaltenbreite einnehmen.

  

  AlignItems=Stretch, JustifyContent=Center, DateTimeMode=DateTime

JustifyContent

Legt die Ausrichtung der Elemente Date und Time innerhalb der Zeile/Spalte fest. Die Eigenschaft wirkt in Richtung der Einstellung der Eigenschaft "DateTimeMode".

• Start

  Richtet die Elemente am Beginn der jeweiligen Zeile/Spalte aus.

  • Eine Spalte beginnt im Steuerelement unten bei "DateTimeMode" = "TimeCRDate" und oben bei "DateTimeMode" = "DateCRTime".

  

  JustifyContent=Start, AlignItems=Center, DateTimeMode=...

• End

  Richtet die Elemente am Ende der Zeile/Spalte aus.

  • Eine Spalte endet im Steuerelement oben bei "DateTimeMode" = "TimeCRDate" und unten bei "DateTimeMode" = "DateCRTime".

  

  JustifyContent=End, AlignItems=Center, DateTimeMode=...

• Center

  Richtet die Elemente in der Mitte der Zeile/Spalte aus.

  

  JustifyContent=Center, AlignItems=Center, DateTimeMode=...

• Space-between

  Fügt den in der Zeile/Spalte verfügbaren Raum zwischen den Elementen ein.

  

  JustifyContent=Space-between, AlignItems=Center, DateTimeMode=...

• Space-around

  Verteilt den in der Zeile/Spalte verfügbaren Raum gleichmäßig um jedes Element herum.

  

  JustifyContent=Space-around, AlignItems=Center, DateTimeMode=...

• Space-evenly

  Verteilt den in der Zeile/Spalte verfügbaren Raum gleichmäßig zwischen einem Element und dem Rand des Steuerelements/dem nächsten Element.

  

  JustifyContent=Space-evenly, AlignItems=Center, DateTimeMode=...

Verwandte Themen:

• Layout