Zum Inhalt springen

Verwandeln Sie Ihre Kontakte in Urlaubsgeld mit unserem neuen Kundenempfehlungsprogramm! Erfahren Sie mehr

Diese Dokumentation gilt für Version 4 und höher von App Builder, dem neuen Namen für Vinyl. Hier gelangen Sie zur Vinyl-Dokumentation.

Stile im Jitterbit App Builder

Stile sind eine Möglichkeit, Seiten-, Bedienfeld- und Steuerelementen bestimmte Stile zuzuweisen. Stile sind eine erweiterte Methode, um Entwicklern Kontrolle über das CSS-Styling des Erscheinungsbilds einer App zu geben.

So wenden Sie einen Stil auf eine Seite an

stylepageexample.png

  1. Navigieren Sie zur Seite, die Sie gestalten möchten
  2. Gehen Sie zur Action Drawer > Live Designer
  3. Gehen Sie zu Mehr > Stile
  4. Suchen Sie den gewünschten Stil im Stile-Bedienfeld und klicken Sie auf die Schaltfläche + Hinzufügen. Beispiel: Schließen-Schaltfläche (X) im Popup ausblenden
  5. Verlassen Sie die Stil-Bildschirme, kehren Sie zur Anwendungsansicht zurück und bestätigen Sie die Aktualisierung

So wenden Sie einen Stil auf ein Panel an

panelstyleexample.png

  1. Navigieren Sie zu der Seite, die das zu gestaltende Panel enthält.
  2. Gehen Sie zum Action Drawer > Live Designer
  3. Wählen Sie das Panel aus der Seitenansicht aus. Beispiel: Produkt
  4. Gehen Sie zu Mehr > Styles
  5. Grenzen Sie die Style-Kategorie ein, indem Sie die entsprechende Option auswählen. Beispiel: Hintergrund & Rahmen
  6. Suchen Sie den gewünschten Style im Styles-Panel und klicken Sie auf die Schaltfläche + Hinzufügen. Beispiel: Container Border Radius 4px
  7. Verlassen Sie die Style-Bildschirme, kehren Sie zur Anwendungsansicht zurück und bestätigen Sie die Aktualisierung

So wenden Sie einen Stil auf ein Steuerelement an

stylescontrolexample.png

  1. Navigieren Sie zu der Seite, die das zu formatierende Steuerelement enthält.
  2. Gehen Sie zum Action Drawer > Live Designer
  3. Wählen Sie das Steuerelement aus der Seitenansicht aus. Beispiel: Code Container
  4. Gehen Sie zu Mehr > Stile
  5. Klicken Sie auf die Schaltfläche + Stil
  6. Grenzen Sie die Stilkategorie ein, indem Sie die entsprechende Option auswählen. Beispiel: Schriftart
  7. Suchen Sie den gewünschten Stil im Bereich „Stile“ und klicken Sie auf die Schaltfläche + Hinzufügen. Beispiel: Farbe Rot Purpur
  8. Verlassen Sie die Stilbildschirme, kehren Sie zur Anwendungsansicht zurück und bestätigen Sie die Aktualisierung