Sorgen Sie für eine einheitliche visuelle Identität, indem Sie die grafische Gestaltung Ihres Portals anpassen. Durch Anpassung des Logos und der Farbpalette der Benutzeroberfläche können Sie Ihre Anwendung auf die Branding-Anforderungen Ihres Unternehmens zuschneiden.
Sie können beispielsweise ein Standardfarbschema für die Elemente der Benutzeroberfläche wie Schaltflächen, Links und Schriftarten auswählen.-
Klicken Sie im Navigationspanel von App Studio auf .
-
Wählen Sie in der Liste Show on banner die Elemente aus, die auf dem Banner in Ihrem Portal angezeigt werden sollen.
-
Klicken Sie auf Change logo und wählen Sie dann aus, welche Art von Logo Sie verwenden möchten:
Auswahlmöglichkeiten Aktionen Fertiges Logo von Pega Wählen Sie im Fenster „Logo settings“ ein Logo in der Grafikliste aus und klicken Sie dann auf Submit. Eigenes Logo -
Klicken Sie im Fenster „Logo settings“ auf Upload logo und wählen Ihre Datei aus.
Unterstützte Dateitypen: JPG, PNG und GIF.
-
Klicken Sie auf Submit.
-
-
Wählen Sie im Abschnitt Theme die Farbe aus, die Sie für das Portal verwenden möchten.
- Optional:
Um ein Theme anzupassen, klicken Sie auf das zu bearbeitende Theme und nehmen Sie die gewünschten Änderungen vor:
Auswahlmöglichkeiten Aktionen Farbe ändern -
Klicken Sie im Abschnitt Colors auf die Farbe, die Sie ändern möchten.
-
Wählen Sie im Fenster „Color Palette“ die Farbe aus, die Sie der Komponente zuweisen möchten. Klicken Sie dann auf Save.
Farbe hinzufügen -
Klicken Sie im Abschnitt Colors auf Add theme color.
-
Geben Sie im Feld Theme color den Namen der Komponente ein. Klicken Sie dann auf die Farbe, die der Komponente standardmäßig zugeordnet ist.
-
Wählen Sie im Fenster „Color Palette“ die Farbe aus, die Sie der Komponente zuweisen möchten. Klicken Sie dann auf Save.
Schrift ändern Legen Sie im Abschnitt Text die Schriftart, den Schriftschnitt und die Schriftgröße für die zu ändernde Komponente fest. Schriftart hinzufügen -
Klicken Sie im Abschnitt Text auf Add theme text.
-
Legen Sie im Abschnitt Text die Schriftart, den Schriftschnitt und die Schriftgröße für die zu ändernde Komponente fest.
-
- Optional:
Um alle Farb- und Textoptionen auf ihre Standardwerte für das Theme zurückzusetzen, klicken Sie auf Reset to default.
-
Klicken Sie auf Save.
- Steuerelemente während der Laufzeit umgestalten
Sie können viele Steuerelemente während der Laufzeit in App Studio umgestalten und müssen nicht extra zu Dev Studio wechseln, um die Skin der Anwendung zu ändern. Für Drop-down-Steuerelemente können Sie beispielsweise die Textfarbe, die Hintergrundfüllung und -farbe sowie die Rahmenbreite und -farbe festlegen. Wenn Sie Steuerelemente direkt in App Studio umgestalten, können Sie Entwicklungszeit sparen.