So fügen Sie einer App im Jitterbit App Builder ein Logo hinzu

Das folgende Dokument führt Sie durch die Grundlagen des Hinzufügens eines Logos zu einer App. Dabei wird vorausgesetzt, dass Sie über eine vorhandene Logodatei verfügen, mit der Sie arbeiten können.

Laden Sie das Logo in eine Sammlung hoch

1. Navigieren Sie zur Anwendung Look & Feel
2. Wählen Sie die Sammlung aus, die Ihrer App zugeordnet ist, um die Logodatei hinzuzufügen. Beispiel: Testsammlung
3. Klicken Sie auf die Tab Bilder
4. Klicken Sie auf die Schaltfläche +Bild
5. Klicken Sie auf Durchsuchen und suchen Sie das Logo-Dateibild
6. Wählen Sie die Bilddatei aus und klicken Sie auf Öffnen
7. Vergeben Sie einen Bildnamen. Beispiel: Jitterbit Logo
8. Klicken Sie auf Speichern

Suchen Sie die UUID des Logobilds

1. Navigieren Sie zur Anwendung Look & Feel
2. Wählen Sie die Sammlung aus, in die Sie das Logo hochgeladen haben
3. Klicken Sie auf die Tab Bilder
4. Suchen Sie den Logo-Bilddatensatz
5. Klicken Sie auf das Symbol Datensatz öffnen
6. Wählen Sie den Teil des Wertes Relative URL aus, der nach /image/. Zum Beispiel: 50e85d87-e283-4953-983f-0bc3e18b3a7e
7. Kopieren Sie den Wert in Ihre Zwischenablage (das ist die UUID des Logobilds)

Speichern Sie die Logo-UUID in einer Tabelle

1. Navigieren Sie zur App Workbench
2. Suchen Sie die Tabelle, der Sie eine Spalte hinzufügen möchten, um die Logo-ID zu speichern. Beispiel: Parameter
3. Klicken Sie für die Tabelle auf Datensatz öffnen
4. Klicken Sie auf +Spalte
5. Weisen Sie der Spalte einen Namen zu. Beispiel: Logo
6. Legen Sie den logischen Datentyp auf Eindeutige ID fest
7. Bestätigen Sie, dass der physische Datentyp UUID ist
8. Klicken Sie auf Speichern
9. Klicken Sie auf das x, um den Bildschirm zu verlassen
10. Klicken Sie auf die Schaltfläche Ergebnisse
11. Klicken Sie auf das Bleistift-Bearbeitungssymbol
12. Fügen Sie den UUID-Wert des Logobilds in das entsprechende Feld ein. Beispiel: Logo
13. Klicken Sie auf Fortfahren
14. Bestätigen Sie, dass Sie eine Regel haben, die die Logo-UUID enthält. Beispiel: Parameter (Quelle)

Verknüpfen Sie das Site-Menü mit einer Regel, die ein Logo enthält

1. Navigieren Sie zur App Workbench
2. Klicken Sie auf Menü
3. Klicken Sie auf Datensatz öffnen, um zum Hauptanwendungsmenü zu gelangen
4. Klicken Sie auf Bearbeiten
5. Wählen Sie den Wert Quellregel aus, der die Spalte Logo enthält. Beispiel: Parameter (Quelle)
6. Klicken Sie auf Speichern
7. Klicken Sie auf das x, um den Bildschirm zu verlassen
8. Klicken Sie im Bereich Menüelemente auf + Menüelement
9. Wählen Sie Bild als Wert für Datensteuerungstypen
10. Weisen Sie einen Namen zu. Beispiel: Jitterbit
11. Legen Sie unter Quellfunktionen Quellspalte so fest, dass sie der Spalte zugeordnet wird, die die Logo-UUID enthält. Beispiel: Logo
12. Klicken Sie auf Speichern
13. Klicken Sie auf das x, um den Bildschirm zu verlassen
14. Legen Sie die Ausrichtung auf Links fest
15. Navigieren Sie zurück zur Anwendungsansicht und aktualisieren Sie den Browser
16. Bestätigen Sie, dass Sie jetzt das Logobild sehen

Beispiele für Designaktualisierungen zum Ausblenden des Seitentitels und der Zurück-Schaltfläche

An dieser Stelle möchten Sie möglicherweise mithilfe von Designs einige zusätzliche Anpassungen vornehmen. Sie können beispielsweise die Zurück-Schaltfläche und den Seitentitel der nativen Anwendung ausblenden. Diese Art von Änderung sollte sorgfältig überlegt werden, da Änderungen an der Navigation die Benutzerfreundlichkeit einer Anwendung beeinträchtigen können.

1. Navigieren Sie zum Look & Feel der Anwendung.
2. Wählen Sie die Sammlung aus, mit der Ihre App verknüpft ist.
3. Wenn Standard als Designtyp ausgewählt ist, klicken Sie auf +Design.
4. Weisen Sie einen Designnamen zu. Beispiel: Benutzerdefinierte Navigation
5. Klicken Sie auf Speichern
6. Wählen Sie Seite - Titelleiste aus dem Komponentenfenster
7. Klicken Sie auf + Stil aus dem Stilfenster
8. Stellen Sie den Bereich auf Seitentitel
9. Stellen Sie den Stiltyp auf Anzeige
10. Stellen Sie den 1 - Anzeigewert auf keine
11. Klicken Sie auf Speichern
12. Navigieren Sie zurück zur Anwendungsansicht, aktualisieren Sie den Browser und bestätigen Sie die Aktualisierung
13. Kehren Sie zum Designdesign zurück und klicken Sie im Stilfenster auf Erstellen
14. Stellen Sie den Bereich auf Zurück-Schaltfläche
15. Stellen Sie den Stiltyp auf Anzeige
16. Stellen Sie den 1 - Anzeigewert auf keine
17. Klicken Sie auf Speichern
18. Klicken Sie auf das x, um den Bildschirm zu verlassen
19. Navigieren Sie zurück zur Anwendungsansicht, aktualisieren Sie und bestätigen Sie die Aktualisierung