Zum Inhalt springen

So ändern Sie das Schaltflächensymbol von Solid zu Regular Fill in Jitterbit App Builder

Solid address-card Icon (Standard):

Standardmäßig sind die Icon-Bilder, die mit App Builder ausgeliefert werden, auf den Solid Icon-Status eingestellt (das heißt, das Symbol wird mit einer durchgehenden Hintergrundfarbe angezeigt). Falls gewünscht, können Sie Theme-Informationen konfigurieren, um diesen Status zu überschreiben und den Regular Icon-Status zu verwenden, sodass das Symbol als Umriss der Form ohne Füllung angezeigt wird. Weitere verfügbare Icon-Sets beim Auswählen eines Symbols finden Sie unter Icon-Kategorien.

In diesem Artikel wird erläutert, wie man ein Button-Steuerelement mit einem Icon so ändert, dass es eine Regular- statt einer Solid-Füllung hat.

Solid address-card Icon (Standard):

Solid address card

Regular address-card Icon:

Regular address card

So ändern Sie ein Button-Steuerelement-Icon für die Verwendung eines Regular Icon-Status

Um den Regular Icon-Status zu verwenden, konfigurieren Sie die entsprechenden Theme-Informationen wie folgt:

  1. Navigieren Sie zu dem Bereich der Anwendung, in dem das Icon eingefügt werden soll, und fügen Sie es wie gewohnt hinzu. Beispiel: Address-card Icon für Test Button ausgewählt
  2. Gehen Sie zu Action Drawer > Live Designer
  3. Wählen Sie das Steuerelement mit dem Icon aus, das geändert werden soll
  4. Klicken Sie auf More und wählen Sie Styles
  5. Klicken Sie auf + Style
  6. Wählen Sie Font aus dem Style Categories-Bereich
  7. Suchen Sie Font Weight 400 im Style-Bereich und klicken Sie auf + Add
  8. Klicken Sie auf x, um den Style-Bildschirm zu schließen
  9. Klicken Sie auf das Open record-Symbol für den gerade erstellten Style
  10. Klicken Sie auf die Schaltfläche Edit Style
  11. Wählen Sie Controls aus dem Components-Bereich
  12. Klicken Sie unter Styles auf Create
  13. Wählen Sie Icon aus Button als Area
  14. Wählen Sie Font als Style Type
  15. Stellen Sie Font Weight auf normal
  16. Klicken Sie auf Save
  17. Beenden Sie die Style Settings, kehren Sie zur Application UI Layer zurück, aktualisieren Sie die Seite und bestätigen Sie, dass das Icon wie erwartet angezeigt wird.