Search
⌃K
Links
Comment on page

styled

Konvertiert einen gegebenen String in ein gestaltetes Objekt
Mit dieser Funktion können Sie ein Formelfeld farblich gestalten (zum Beispiel den Hintergrund), aber auch mit einem zusätzlichen Symbol versehen.
Die Gestaltung eines Werts konvertiert ihn immer in den Datentyp styled.
Diese Funktion ist praktisch, um beispielsweise eine Zahl rot darzustellen, wenn sie unter 0 ist, oder grün, wenn sie über 0 ist.
Wenn Sie für einen Parameter leere "" angeben, fügt Ninox den Standardwert hinzu. Wenn Sie keine Farbe für die Schriftfarbe angeben, setzt Ninox als Schriftfarbe automatisch schwarz oder weiß ein, je nach Hintergrundfarbe, um einen guten Kontrast zu erreichen.

Syntax

styled(string, string)
styled(string, string, string)
styled(string, string, string, string)
styled(string, color)
styled(string, color, icon)
styled(string, color, color, icon)
styled(string, JSON)

Rückgabewert

styled

Beispiele

styled(text, hintergrundFarbe)konvertiert einen String in ein gestaltetes Objekt mit einer bestimmten Hintergrundfarbe.
​
styled(text, hintergrundFarbe, symbol)konvertiert einen String in ein gestaltetes Objekt mit einer bestimmten Hintergrundfarbe und einem Symbol als Text.
​
styled(text, hintergrundFarbe, schriftFarbe, symbol)konvertiert einen String in ein gestaltetes Objekt mit einem bestimmten Hintergrund, einer Schriftfarbe und einem Symbol als Text.
1
styled("Warnung!", "", "red", "warn")
Ergebnis: Warnung! (mit roter Schriftfarbe und dem Warn-Icon links vom Text)
Ergebnis für styled("Warnung!", "", "red", "warn")
styled(meinText, hintergrundFarbe)konvertiert einen String in ein gestaltetes Objekt mit einer bestimmten Hintergrundfarbe als Text.
​
styled(meinText, hintergrundFarbe, icon)konvertiert einen String in ein gestaltetes Objekt mit einer bestimmten Hintergrundfarbe und einem Icon.
​
styled(meinText, hintergrundFarbe, schriftFarbe, icon) konvertiert einen String in ein gestaltetes Objekt mit einer bestimmten Hintergrundfarbe und Schriftfarbe und einem Icon.
1
styled("Warnung!", Hintergrund, Schriftfarbe, Symbol)
Ergebnis: Warnung!
(mit den gewählten Hintergrund- und Schriftfarben in den Farbfeldern Hintergrund und Schriftfarbe sowie dem gewählten Symbol des Feldes Symbol links vom Text)
Ergebnis für styled("Warnung!", Hintergrund, Schriftfarbe, Icon)
​
styled(myText, JSON)konvertiert einen String in ein gestaltetes Objekt mit einem JSON, das aus den folgenden Schlüssel-Wert-Paaren besteht:
{ color: "meineFarbe", background: "meineFarbe2", icon: "symbolName" }
Sie möchten das Thema vertiefen? Schauen Sie sich dazu den entsprechenden Abschnitt in unserem Video-Tutorial an.

Siehe auch

​icon, gibt ein Icon zurück (Übersicht der Symbole).
​color, gibt eine Farbe zurück.
Last modified 7mo ago