Zum Inhalt springen

Ändern Sie die Schriftgröße für das gesamte Panel im Jitterbit App Builder

Sie können die Standardschriftgröße für ein ganzes Panel ändern, indem Sie ein benutzerdefiniertes Design verwenden und das Design dem Panel zuordnen. In diesem Beispiel erstellen wir ein benutzerdefiniertes Design zur Steuerung der Schriftart, mit dem Sie wiederum Informationen zu Schriftfamilie, Schriftgröße, Schriftstärke und Schrifthöhe konfigurieren können.

So konfigurieren Sie

Schritt 1: Ein benutzerdefiniertes Design konfigurieren

  1. Navigieren Sie zu Look & Feel für eine Sammlung, mit der Ihre App verknüpft ist. Beispiel: Kunde
  2. Klicken Sie auf + Design
  3. Weisen Sie einen Designnamen zu. Beispiel: Schriftgröße des Panels
  4. Klicken Sie auf Speichern
  5. Wählen Sie Panel aus den Komponenten
  6. Klicken Sie auf + Stil aus dem Panel Stil
  7. Wählen Sie Inhalt als Bereich-Wert
  8. Wählen Sie Schriftart als Stiltyp
  9. Konfigurieren Sie die Werte nach Bedarf:

    • Schriftfamilie
    • Schriftgröße
    • Schriftstärke
    • Zeilenhöhe
  10. Klicken Sie auf Speichern

Schritt 2: Benutzerdefiniertes Design auf das Panel anwenden

  1. Navigieren Sie zur Seite mit dem Panel
  2. Gehen Sie zu Action Drawer > Live Designer
  3. Klicken Sie auf die Tab Edge Case für das Panel
  4. Erweitern Sie Look and Feel
  5. Setzen Sie den Wert Theme auf das in Schritt 1 konfigurierte benutzerdefinierte Theme
  6. Klicken Sie auf Speichern
  7. Update aus der App-Ansicht bestätigen

Schritt-für-Schritt-Anleitung

Sie können die Standardgröße für ein ganzes Panel ändern, indem Sie ein Design verwenden und einen Stil für den Inhaltsbereich des Panels und einen Stiltyp „Erweiterte Schriftart“ erstellen. Auf diese Weise können Sie die Schriftfamilie (im Allgemeinen die spezifischen Schriftarten oder einen Stil wie Sans-Serif), die Schriftgröße und die Schriftstärke (fett, schmal usw.) festlegen. Gehen Sie dazu wie folgt vor:

  1. Navigieren Sie zum Hauptmenü App Builder IDE-Seite und wählen Sie Definieren Sie Ihr Erscheinungsbild *unter dem Menü *Erstellen
  2. Suchen Sie den Namen Ihrer App Builder App und klicken Sie auf das Pinselsymbol Designs
  3. Suchen Sie das Design für die von Ihnen verwendete Anwendung. Wenn Sie noch kein Design für diese App haben, erstellen Sie auf dieser Seite ein neues.
  4. Klicken Sie auf die Schaltfläche Erweiterte Einstellungen für das Design
  5. Klicken Sie links unter Immobilienbereiche auf Panel
  6. Klicken Sie im unteren Panel rechts auf Erstellen, um einen neuen Stil für diesen Teil des Designs zu erstellen
  7. Wählen Sie den Abschnitt Inhalte unter Schnittstelle, der den inneren Hauptabschnitt des Panels darstellt
  8. Wählen Sie Schriftart Erweitert für Stiltyp. Schriftart Erweitert ermöglicht Ihnen die Konfiguration verschiedener Schriftstile. Wert1 wird für Schriftnamen verwendet. Wert2 ist die Schriftgröße. Dies kann eine beliebige Maßeinheit sein. Wert3 ist die Fettung. Beispiel:

font-family: {0}; font-size: {1}; font-weight: {2};
2018 04 10 09 05 09 Stilimplementierung App Builder IDe

Hinweis: Sie können auch Header wählen, um die Eigenschaften der Header-Leiste des Panels zu ändern, oder Container, um Eigenschaften des äußeren Felds des Panels wie Rahmenfarbe oder -dicke zu ändern.