Zum Inhalt springen

Stile im Jitterbit App Builder

Mit Stilen können Sie Seiten-, Panel- und Steuerelementen spezifische Stile zuweisen. Sie bieten Entwicklern erweiterte Kontrolle über das CSS-Styling einer App.

So wenden Sie einen Stil auf eine Seite an

stylepageexample.png

  1. Navigieren Sie zur zu gestaltenden Seite.
  2. Gehen Sie zu Aktionsleiste > Live-Designer.
  3. Gehen Sie zu Mehr > Stile.
  4. Suchen Sie den gewünschten Stil im Stilbereich 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 mit dem zu gestaltenden Bereich.
  2. Gehen Sie zu Aktionsleiste > Live-Designer.
  3. Wählen Sie den Bereich in der Seitenansicht aus. Beispiel: Produkt.
  4. Gehen Sie zu Mehr > Stile.
  5. Schränken Sie die Stilkategorie ein, indem Sie die entsprechende Option auswählen. Beispiel: Hintergrund & Rahmen.
  6. Suchen Sie den gewünschten Stil im Bereich Stile und klicken Sie auf + Hinzufügen. Beispiel: Containerrahmen Radius 4px.
  7. Verlassen Sie die Stil-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 mit dem zu formatierenden Steuerelement.
  2. Gehen Sie zu Aktionsleiste > Live-Designer.
  3. Wählen Sie das Steuerelement in der Seitenansicht aus. Beispiel: Code-Container.
  4. Gehen Sie zu Mehr > Stile.
  5. Klicken Sie auf die Schaltfläche + Stil.
  6. Schränken 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 Purpurrot.
  8. Verlassen Sie die Stil-Bildschirme, kehren Sie zur Anwendungsansicht zurück und bestätigen Sie die Aktualisierung.