Beschreibung
Beim Erstellen eines Buttons mit createButton
kann der Style des Buttons individuell angepasst werden. Dies geschieht durch die Auswahl von Symbolen (Icons), Farben und Texten. Dadurch wird der Button visuell ansprechender und kann für verschiedene Aktionen eindeutig gestaltet werden.
Argumente für Style
Argument | Beschreibung |
---|---|
Icon |
Das Symbol, das im Button angezeigt wird. Smenso unterstützt eine Vielzahl von Symbolen wie envelope , check-circle , plus usw. |
borderColor |
Die Farbe des Randes des Buttons. Unterstützt Farbwerte wie "red" , "blue" oder HEX-Werte wie "#FF5733" . |
fillColor |
Die Hintergrundfarbe des Buttons. Unterstützt Farbwerte ähnlich wie borderColor . |
textColor |
Die Farbe des Textes auf dem Button. |
Text |
Der angezeigte Text des Buttons. Dieser sollte prägnant und beschreibend sein, z. B. "Projekt abschließen" oder "Dokument generieren" . |
Beispiele
Die folgenden Beispiele zeigen, wie Buttons gestaltet werden können. Bitte beachten Sie, dass die Aktionen in diesen Beispielen fiktiv sind und in Smenso durch tatsächliche Funktionen oder Workflows ersetzt werden müssen.
Beschreibung | Formel |
---|---|
Button mit Text, Icon und individuellen Farben |
createButton( 1, "Dokument generieren", "Klick, um ein Dokument zu erstellen", "GenerateDocument()", // fiktive Funktion "blue", // Randfarbe "lightblue", // Hintergrundfarbe "white", // Textfarbe "Das Dokument wurde erfolgreich erstellt", "", "file" ) |
Button mit Icon und Erfolgsmeldung |
createButton( 1, "Projekt abschließen", "Klick, um das Projekt abzuschließen", "MarkProjectAsCompleted()", // fiktive Funktion "green", // Randfarbe "#28a745", // Hintergrundfarbe (HEX-Wert) "white", // Textfarbe "Das Projekt wurde erfolgreich abgeschlossen", "", "check-circle" ) |
Button mit klarer Farbgestaltung |
createButton( 1, "Neue Aufgabe erstellen", "Erstellt eine neue Aufgabe im Projekt", "CreateNewTask()", // fiktive Funktion "black", // Randfarbe "yellow", // Hintergrundfarbe "black", // Textfarbe "Die Aufgabe wurde erfolgreich erstellt", "", "plus" ) |
Hinweise
- Icon-Auswahl: Es ist sinnvoll, Icons zu verwenden, die den Zweck des Buttons visuell unterstützen. Eine Übersicht der unterstützten Icons finden Sie in der Font Awesome Icon Library.
- Klarheit im Text: Der Buttontext sollte kurz und präzise sein, um den Nutzern die Funktion verständlich zu machen.
- Farbgestaltung: Wählen Sie Farben, die sowohl ästhetisch ansprechend als auch funktional sind (z. B. gute Lesbarkeit des Textes).
Kommentare
0 Kommentare
Bitte melden Sie sich an, um einen Kommentar zu hinterlassen.