So änderst du das Schaltflächensymbol von ausgefülltem zu normalem Design in Jitterbit App Builder

Übersicht

App Builder wird mit Symbol-Bildern ausgeliefert, die standardmäßig den Solid-Symbolzustand verwenden, d. h. das Symbol wird mit einer durchgehenden Füllung angezeigt. Du kannst Theme-Informationen konfigurieren, um dies zu überschreiben und stattdessen den Regular-Symbolzustand zu verwenden, damit das Symbol als Umriss der Form ohne Füllung angezeigt wird. Weitere verfügbare Symbolsätze beim Auswählen eines Symbols findest du unter Symbolkategorien.

Die folgenden Beispiele zeigen das gleiche address-card-Symbol auf einem Button-Steuerelement in jedem Zustand:

Ändern eines Schaltflächensymbols in ein normales Design

Um das Symbol eines Button-Steuerelements von Solid auf Regular umzuschalten, füge dem Steuerelement einen Schriftstärke-Stil hinzu und überschreibe dann die Stärke dieses Stils, damit das Symbol als Umriss statt als durchgehende Füllung dargestellt wird:

1. Navigiere zu dem Bereich deiner Anwendung, in dem du das Symbol einfügen möchtest, und füge es wie gewohnt hinzu. Wähle beispielsweise das address-card-Symbol für eine Schaltfläche namens Test Button.

2. Gehe zu Action Drawer > Live Designer.

3. Wähle das Steuerelement mit dem Symbol aus, das du ändern möchtest.

4. Klicke auf Mehr und wähle Styles aus.

5. Klicke auf + Style.

6. Wähle Font aus dem Panel Style Categories aus, damit sich die Stillliste auf schriftartbezogene Optionen verengt.

7. Suche Font Weight 400 im Style-Panel und klicke auf + Add. Dies fügt dem Steuerelement einen Schriftstärke-Stil hinzu, den du dann bearbeiten kannst.

8. Klicke auf x, um den Style-Bildschirm zu beenden.

9. Klicke auf das Symbol Open record für den gerade erstellten Stil, um seinen vollständigen Datensatz zu öffnen.

10. Klicke auf die Schaltfläche Edit Style.

11. Wähle Controls aus dem Komponentenpanel aus, da du ein Steuerelement und nicht eine Seite oder ein Panel gestaltest.

12. Klicke unter Styles auf Create.

13. Wähle Icon von Button als Bereich, damit der Stil speziell auf das auf einer Button-Steuerelementangezeigtes Symbol abzielt.

14. Wähle Font als Style Type, um die Font Weight-Eigenschaft zu aktualisieren, die du gleich festlegst.

15. Stelle Font Weight auf normal. Dies überschreibt die in Schritt 7 hinzugefügte Stärke 400, was die Änderung des Symbols von solid zu regular bewirkt.

16. Klicke auf Save.

17. Beende Style Settings und kehre zur Application UI Layer zurück. Aktualisiere die Anwendungsansicht, um zu bestätigen, dass das Symbol jetzt im Regular-Zustand angezeigt wird.