# Style

Die Eigenschaft **Style** definiert den Stil, mit dem ein Widget oder die Zellen eines Widgets angezeigt werden. 

#### Syntax 

Um den Stil eines anderen Widgets abzurufen, wird die Standard-Widget-Referenzsyntax innerhalb der Formel Stil verwendet: 

<mark style="color:blue;">#widgetName</mark>&#x20;

oder (wenn sich das Widget auf einer anderen Seite befindet):&#x20;

<mark style="color:blue;">#pageName.widgetName</mark>&#x20;

#### Bemerkungen

* Bei Tabellen- und Chartwidgets wird der Style nicht auf das Widget, sondern auf dessen Zellen bzw. Chart-Elementen angewendet.
* Es werden die folgenden Formate von der Style-Eigenschaft unterstützt:
  * Hintergrund-Farbe
  * Rahmen-Farbe, Größe und -Position
  * Font-Farbe, Größe, Typ und Stil
  * Vertikale und horizontale Ausrichtung

#### Beispiele

**Beispiel 1**

Der linke Button *MyButton* bezieht seinen Stil von dem rechten Button *buttonStyle*. Wenn sich der Stil des rechten Buttons ändert, wird auch der Stil des linken Buttons geändert.

<div align="left"><figure><img src="https://content.gitbook.com/content/5AXM9De6LygFtEaDe5ri/blobs/cx6tJKYkglWYInSgiSHr/image.png" alt=""><figcaption></figcaption></figure></div>

**Beispiel 2**

Wenn der Inhalt der linken Zelle "available" ist, wird der Stil des Widgets *availableStyle* verwendet. Wenn nicht, wird der Stil des Widgets *reservedStyle* verwendet.

<div align="left"><figure><img src="https://content.gitbook.com/content/5AXM9De6LygFtEaDe5ri/blobs/7v9SWOEBkROn1puSWpAY/image.png" alt=""><figcaption></figcaption></figure></div>

**Beispiel 3**

In diesem Tabellen-Widget werden die Zellen mit negativen Zahlen im Stil des Widgets mit Namen *negativ* und die Zellen mit positiven Zahlen im Stil des Widgets *positive* angezeigt.

<div align="left"><figure><img src="https://content.gitbook.com/content/5AXM9De6LygFtEaDe5ri/blobs/ggU9cBq7zTvXgMcxV1PQ/image.png" alt=""><figcaption></figcaption></figure></div>