Navigieren in ThingWorx Studio > Widgets > 2D > Beschriftung
  
Beschriftung
Was macht dieses Widget?
Das Widget Beschriftung kann wie eine Formularbeschriftung oder als Bereichskopfzeile verwendet werden, je nachdem, wie Sie die Textausrichtung verwenden und Stile anwenden.
Wann sollte ich dieses Widget verwenden?
Verwenden Sie eine Beschriftung, wenn Sie Text in ein Erlebnis einfügen möchten. Die Beschriftung kann für einfache Ein- oder Zwei-Wort-Texte oder auch für größere Textmengen verwendet werden.
Gibt es besondere Eigenschaften, Dienste, Ereignisse oder Aktionen?
Eine Liste von allgemeinen Widget-Eigenschaften, -Diensten und -Ereignissen finden Sie unter Allgemeine Widget-Eigenschaften, -Dienste und -Ereignisse.
Die folgende Tabelle ist eine Liste von Eigenschaften, Diensten und Ereignissen, die für dieses Widget spezifisch sind.
Eigenschaft
Beschreibung
Statusbasierte Formatierung aktivieren
Ermöglicht es Ihnen, das Widget auf Basis von Statusdefinitionen zu formatieren, die in ThingWorx festgelegt wurden.
Wenn das Kontrollkästchen aktiviert ist, werden die folgenden Eigenschaften angezeigt:
Abhängiges Feld
Statusdefinition
Wenn eine Beschriftung z.B. fürStatusdefinition den Wert error hat, wird die Beschriftung rot.
Weitere Informationen zu Stil- und Statusdefinitionen in ThingWorx finden Sie unter Stil- und Statusdefinitionen im ThingWorx Hilfe-Center.
Beschriftungstext umbrechen
Gibt Ihnen die Möglichkeit, den Beschriftungstext umzubrechen.
Das Widget in Aktion
Hier ist ein Beispiel, wie Ihr Widget aussehen könnte.
Minimale Schritte, die für die Verwendung erforderlich sind
Optionales CSS, das auf das Beispiel angewendet wird
Wie das Ergebnis aussieht
1. Ziehen Sie ein Beschriftung-Widget auf den Zeichenbereich, und legen Sie es ab. Für dieses Beispiel haben wir Beschriftungen in Zellen eines Raster-Layout-Widgets platziert.
2. Geben Sie im Feld Text den Text ein, der angezeigt werden soll.
Um den Beschriftungen ein Format zu verleihen, haben wir das Folgende zum Erlebnis hinzugefügt:
Im Fensterbereich Projekt unter Stile > Anwendung
.my-label {
font-family: Century Gothic;
font-color: black;
font-size: 12pt;
font-weight: normal;
font-style: normal;
}
Im Feld Klasse für jede Beschriftung – my-label
2D