Arbeiten mit 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
JavaScript
Typ
Beschreibung
Statusbasierte Formatierung aktivieren
enableStateFormatting
boolean
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.
Abhängiges Feld
* 
Sichtbar, wenn Statusbasierte Formatierung aktivieren aktiviert ist.
stateFormatValue
string
Diese Eigenschaft ist sichtbar, wenn das Kontrollkästchen Statusbasierte Formatierung aktivieren ausgewählt ist. Weitere Informationen zu Stil- und Statusdefinitionen in ThingWorx finden Sie unter Stil- und Statusdefinitionen im ThingWorx Hilfe-Center.
Statusdefinition
* 
Sichtbar, wenn Statusbasierte Formatierung aktivieren aktiviert ist.
stateFormat
boolean
Diese Eigenschaft ist sichtbar, wenn das Kontrollkästchen Statusbasierte Formatierung aktivieren ausgewählt ist. Weitere Informationen zu Stil- und Statusdefinitionen in ThingWorx finden Sie unter Stil- und Statusdefinitionen im ThingWorx Hilfe-Center.
Beschriftungstext umbrechen
wrap
boolean
Ist dieses Kontrollkästchen aktiviert, so kann der Beschriftungstext umgebrochen werden.
Das Widget in Aktion
Hier ist ein Beispiel, wie Ihr Widget aussehen könnte.
Minimale Schritte, die für die Verwendung erforderlich sind
Wie das Ergebnis aussieht
1. Ziehen Sie ein Beschriftung-Widget in die Canvas, 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
Widget mit CSS stylen
Sie können CSS verwenden, um das Widget zu stylen! Nachfolgend sehen Sie ein Beispiel für eine CSS-Klasse, die Sie erstellen und anwenden können:
* 
Beachten Sie, dass Klassen eindeutige Namen haben sollten, sodass es nicht zu Konflikten mit anderen Klassen oder vorkonfigurierten Eigenschaften kommt.
CSS-Beispiel
Wie das Ergebnis aussieht
 
.ptc-label {
    font-size: 16px;
    font-family: Century Gothic;
    font-weight: bold;
    color: Red;
};
Weitere Informationen zum Implementieren von CSS-Klassen finden Sie unter Anwendungsstile.
War dies hilfreich?