Controls
Allgemeine Eigenschaften
Alle Controls haben Eigenschaften. Dazu gehören zum einen spezielle Eigenschaften, die nur für das jeweilige Control gelten, aber auch allgemeine Eigenschaften, die fast bei jedem oder zumindest bei vielen Controls vorkommen. Damit nicht auf jeder Hilfe-Seite immer alle Eigenschaften wieder und wieder erklärt werden müssen, sind die Eigenschaften, die bei mehr als einem Control auftauchen, im folgenden Artikel zusammengefasst. Der Eigenschaften-Bereich ist in die folgenden Abschnitte unterteilt.
Control-Positionierung
Mit den Positionierungswerkzeugen kannst du die Controls automatisch skalieren und einen bestimmten Bereich füllen lassen.
| Eigenschaft | Beschreibung |
|---|---|
| Oben links füllen | Füllt den oberen linken Bereich der Arbeitsfläche mit dem Control aus. |
| Oben füllen | Füllt die obere Hälfte der Arbeitsfläche mit dem Control aus. |
| Oben rechts füllen | Füllt den oberen rechten Bereich der Arbeitsfläche mit dem Control aus. |
| Unten links füllen | Füllt den unteren linken Bereich der Arbeitsfläche mit dem Control aus. |
| Unten füllen | Füllt die untere Hälfte der Arbeitsfläche mit dem Control aus. |
| Unten rechts füllen | Füllt den unteren rechten Bereich der Arbeitsfläche mit dem Control aus. |
| Links füllen | Füllt die linke Hälfte der Arbeitsfläche mit dem Control aus. |
| Rechts füllen | Füllt die rechte Hälfte der Arbeitsfläche mit dem Control aus. |
| Bildschirm füllen | Füllt die gesamte Arbeitsfläche mit dem Control aus. |
| Control zentrieren | Zentriert das gewählte Control in der Arbeitsfläche. |
Tipp:
Wird die Shift-Taste gehalten, wird automatisch ein Abstand rundherum hinzugefügt.
Control umwandeln
Verwandte Controls lassen sich ineinander umwandeln, ohne sie neu aufzubauen. Klicke das Control mit der rechten Maustaste an und wähle den entsprechenden Eintrag im Kontextmenü. Die Datenbindung und die Eigenschaften, die beide Controls gemeinsam haben, werden übernommen.
| Control | Umwandelbar in | Hinweise |
|---|---|---|
| Gauge-Diagramm Linear | Gauge-Diagramm Rund | Bedingte Formatierung bleibt erhalten, die Größe nicht |
| Gauge-Diagramm Rund | Gauge-Diagramm Linear | Bedingte Formatierung bleibt erhalten, die Größe nicht |
| Styled List | Styled Tile Kollektion | Größe bleibt erhalten, nur auf einem Bildschirm verfügbar |
| Styled Tile Kollektion | Styled List | Größe bleibt erhalten, nur auf einem Bildschirm verfügbar |
| Checkbox | Schalter | Größe bleibt erhalten, bedingte Formatierung wird nicht übernommen |
| Schalter | Checkbox | Größe bleibt erhalten, bedingte Formatierung wird nicht übernommen |
Die Umwandlung zwischen Styled List und Styled Tile Kollektion wird innerhalb eines Styled-List- oder Kachel-Templates nicht angeboten – nur für ein Control, das direkt auf einem Bildschirm liegt.
Stapelreihenfolge (Z-Index)
Überlappen sich Controls, entscheidet der Z-Index, welches oben gezeichnet wird. Neben den Hotkeys, mit denen sich ein Control schrittweise nach vorn oder hinten schieben lässt, gibt es dafür einen Slider.
Wähle ein einzelnes Control oder eine einzelne Gruppe aus und halte die Alt-Taste gedrückt. Über dem ausgewählten Element erscheint mittig ein senkrechter Slider. Ziehe den Griff, um das Element durch die Stapelreihenfolge zu bewegen, und lass die Maustaste los, um die neue Position zu übernehmen. Lässt du die Alt-Taste los, verschwindet der Slider wieder.
Zwei Dinge sind dabei wichtig:
- Der Slider sortiert ausschließlich innerhalb der übergeordneten Gruppe um. Ein Control innerhalb einer Gruppe kann also nie vor oder hinter ein Element außerhalb dieser Gruppe geschoben werden.
- Der gesamte Ziehvorgang zählt als ein einziger Schritt für die Rückgängig-Funktion – unabhängig davon, über wie viele Positionen du das Element bewegst.
Der Slider erscheint nur, wenn es überhaupt etwas umzusortieren gibt, die übergeordnete Gruppe also mehr als ein Element enthält.
Control-Ausrichtung
Werden mehrere Controls gleichzeitig markiert, erscheinen die Ausrichtungsoptionen für die gewählten Controls. Die anderen Eigenschaften können nicht Control-übergreifend festgelegt werden und sind daher ausgeblendet.
| Eigenschaft | Beschreibung |
|---|---|
| Links ausrichten | Richtet die gewählten Controls an der linken Kante des Controls aus, das sich am weitesten links auf der Arbeitsfläche befindet. |
| Zentriert ausrichten | Richtet die gewählten Controls an ihrer gemeinsamen senkrechten Achse aus. |
| Rechts ausrichten | Richtet die gewählten Controls an der rechten Kante des Controls aus, das sich am weitesten rechts auf der Arbeitsfläche befindet. |
| Oben ausrichten | Richtet die gewählten Controls an der oberen Kante des Controls aus, das sich am weitesten oben auf der Arbeitsfläche befindet. |
| Mittig ausrichten | Richtet die gewählten Controls an ihrer gemeinsamen waagrechten Achse aus. |
| Unten ausrichten | Richtet die gewählten Controls an der unteren Kante des Controls aus, das sich am weitesten unten auf der Arbeitsfläche befindet. |
| Horizontale Abstände angleichen | Wenn mehr als zwei Controls ausgewählt sind, kannst du mit dieser Eigenschaft die horizontalen Abstände zwischen den Controls gleich groß machen. |
| Vertikale Abstände angleichen | Wenn mehr als zwei Controls ausgewählt sind, kannst du mit dieser Eigenschaft die vertikalen Abstände zwischen den Controls gleich groß machen. |
| Horizontale Abstände entfernen | Wenn mehr als zwei Controls ausgewählt sind, kannst du mit dieser Eigenschaft die horizontalen Abstände zwischen den Controls entfernen. |
| Vertikale Abstände entfernen | Wenn mehr als zwei Controls ausgewählt sind, kannst du mit dieser Eigenschaft die vertikalen Abstände zwischen den Controls entfernen. |
Allgemeines
In diesem Bereich findest du Eigenschaften, die sich die meisten Controls teilen.
| Eigenschaft | Beschreibung |
|---|---|
| Breite | Die Breite des Controls in Pixeln. |
| Höhe | Die Höhe des Controls in Pixeln. |
| Links | Der Abstand des Controls zum linken Rand der Arbeitsfläche in Pixeln. |
| Oben | Der Abstand des Controls zum oberen Rand der Arbeitsfläche in Pixeln. |
| Control anzeigen/verbergen | Blendet das Control auf der Arbeitsfläche ein oder aus. |
| Control fixieren/lösen | Fixiert das Control auf der Arbeitsfläche und deaktiviert somit die Möglichkeit das Control zu verschieben oder löst diese Fixierung. |
| Abstand | Definiert einen Innenabstand für den Rahmen des Controls in Pixeln. |
| Titel und Untertitel | Fügt einen Titel und/oder Untertitel zum Control hinzu, ohne dass du dafür ein separates Textfeld nutzen musst. |
Rechnen in den Größen- und Positionsfeldern
Breite, Höhe, Links und Oben – und ebenso die vier Felder unter Abstand – nehmen statt einer reinen Zahl auch eine Rechnung entgegen. Tippe 160*2 in Breite und drücke Enter, dann steht dort 320. Das erspart dir den Taschenrechner, wenn ein Control doppelt so breit, halb so hoch oder 40 Pixel weiter rechts sein soll.
| Eingabe | Ergebnis | Rechenart |
|---|---|---|
300+50 |
350 | Addition |
350-100 |
250 | Subtraktion |
160*2 |
320 | Multiplikation – mit dem Sternchen |
500/4 |
125 | Division |
(100+50)*2 |
300 | Klammern, mit der üblichen Punkt-vor-Strich-Regel |
Gerechnet wird, sobald du Enter drückst oder das Feld verlässt, nie schon während des Tippens. Die Pfeiltasten erhöhen und verringern den Wert weiterhin um jeweils ein Pixel.
Hinweis:
- Das Ergebnis wird immer auf ganze Pixel gerundet. Aus
125/2wird also 62 und nicht 62,5. - Der Buchstabe x ist kein Malzeichen. Er wird aus der Eingabe entfernt,
250x2ergibt daher nicht 500, sondern 2502 – nimm immer*. - Ein Ergebnis unter null wird zu 0.
100-300im Feld Links ergibt 0 und nicht -200. - Lässt sich die Rechnung nicht auflösen – ein Rechenzeichen ohne zweite Zahl, etwa
320+–, wird das Feld auf 0 gesetzt und der vorherige Wert ist weg. Rückgängig holt ihn nicht zurück; prüfe den Wert also nach einer Eingabe.
Daten
Dieser Bereich ist nicht bei allen Controls verfügbar und unterscheidet sich stark zwischen den unterschiedlichen Controls. Meist können hier Werte händisch eingegeben oder Datenquellen mit dem Control verknüpft werden.
Im Bindungs-Popup gibt es Buttons, um eine Datenbindung zu kopieren und auf einer anderen Eigenschaft einzufügen. Das erspart dir, Datenquelle, Spalte und Zeile erneut durchzuklicken, wenn mehrere Eigenschaften eines Boards aus derselben Quelle lesen sollen. Kopieren ist erst verfügbar, sobald tatsächlich eine Datenquelle ausgewählt ist.
Die Schriftauswahl ist ein durchsuchbares Dropdown: Tippe los, und die Liste filtert sich – deutlich schneller als Scrollen, sobald ein Projekt viele Schriftarten definiert hat.
Aussehen
In diesem Bereich kannst du mit verschiedenen Eigenschaften das Aussehen des Controls beeinflussen. Die zur Verfügung stehenden Eigenschaften unterscheiden sich je nach gewähltem Control. Häufig lassen sich Hintergrundfarben, Konturen, Schatten, Schriftarten und viele weitere Eigenschaften anpassen.
Farbverläufe: Überall dort, wo sich eine Hintergrundfarbe einstellen lässt, kannst du statt einer einfarbigen Fläche auch einen Farbverlauf wählen – auch beim Button-Control. Jeder Farbpunkt eines Verlaufs hat eine eigene Deckkraft, sodass ein Control zu einer Kante hin ausblenden kann, statt hart abzubrechen.
Die Zeichenfläche ist die Ausnahme: Ihr Hintergrund ist immer eine einfarbige Fläche.
Logik
In diesem Bereich findest du Eigenschaften, die mit Logik zu tun haben. Neben dem reinen Scripting findest du auch Eigenschaften für Low-Code und No-Code Bereiche wie beispielsweise die bedingte Formatierung.
| Eigenschaft | Beschreibung |
|---|---|
| Ist aktiviert | Aktiviert oder deaktiviert das Control in der Anwendung. Du kannst diese Eigenschaft per Skript ansteuern und ändern. |
| In Skripten verwendet | Aktivierst du diese Eigenschaft, stehen weitere Eigenschaften wie der Controlname zur Verfügung. Dieser wird benötigt damit das Control in Skripten angesprochen werden kann. |
| Controlname | Ein eindeutiger Name für das Control (ohne Sonderzeichen), um es von Skripten aus anzusteuern. Nur wenn das Control tatsächlich von Skripten aus genutzt wird, musst du einen Namen vergeben. |
| Bedingte Formatierung | Die bedingte Formatierung erlaubt es dir, unterschiedliche Eigenschaften eines Controls aufgrund eines definierten Ereignisses zu verändern, ohne dabei auf komplexe Skripte zurückgreifen zu müssen. |
| Events | Diese Eigenschaften können verwendet werden, um den Skript-Editor aufzurufen, der ein oder mehrere Skripte enthält, die aufgerufen werden, wenn Ereignisse des gewählten Controls auftreten. |
