Zum Inhalt springen

So erstellen Sie ein Menü in Jitterbit App Builder

Menüs sind die primäre Möglichkeit, Benutzern die Navigation in Ihren Anwendungen zu ermöglichen. Sie können Zugriff auf bestimmte Seiten bieten, indem Sie diese in einem leicht verständlichen und benutzerfreundlichen Format gruppieren und auflisten. Einige werden automatisch eingerichtet, wenn Sie eine Anwendung erstellen. Andere Menüs müssen Sie selbst einrichten. Diese Seite beschreibt den Prozess zum Erstellen und Konfigurieren eines neuen Menüs in App Builder.

Standardmenüs

Standardmäßig hat jede neue Anwendung diese Menüs:

  • Startseite ist das Standard-Startseiten-Menü für die App.

  • Anwendungsmenü ist das Menü, das in der Anwendungssymbolleiste sichtbar ist.

  • Mobil definiert Menüs, die nur auf Mobilgeräten sichtbar sind.

Sie können eigene Menüs erstellen sowie ändern, welche angezeigt werden in Ihrer App.

Menü erstellen

Gehen Sie folgendermaßen vor, um ein Menü zu erstellen:

  1. Wählen Sie App Workbench > UI Layer - Menu. Das Panel Menus wird geöffnet.

  2. Das Panel Menus listet die derzeit vorhandenen Menüs auf. Das Panel Menu Diagram zeigt die Struktur des ausgewählten Menüs, einschließlich aller Untermenüs und deren Elemente.

  3. Klicken Sie auf die Schaltfläche + Menu im Panel Menu.

  4. Geben Sie die folgenden Informationen ein:

    Menü erstellen

    1. Name: Ein Name für das neue Menü. Dies ist das einzige erforderliche Feld.

    2. Width: Ein fester Breitenwert für das neue Menü.

    3. Menu Item Themes: Wenn Sie Designs verwenden, wählen Sie hier eines aus, um Styling auf die Menüelemente anzuwenden.

    4. Source Rule: Wählen Sie eine zugrunde liegende Source Rule.

    5. Public: Aktivieren Sie diese Option, um das Menü in einer anderen Anwendung verwenden zu können.

  5. Klicken Sie auf die Schaltfläche Save. Sie können jetzt mit dem Panel Menu Items interagieren, um Elemente zu Ihrem neu erstellten Menü hinzuzufügen (siehe Menüelemente hinzufügen für weitere Informationen).

Wenn eine neue Anwendung erstellt wird, richtet App Builder automatisch ein Menü namens Startseite als Startseiten-Menü und eines namens Anwendungsmenü ein, das auf der rechten Seite der oberen Symbolleiste sichtbar ist und auf allen Seiten angezeigt wird. Sie können diese Sichtbarkeitseinstellungen ändern, indem Sie Ihre eigenen Menüs auswählen, um diese Rollen auszufüllen. Gehen Sie dazu folgendermaßen vor:

  1. Gehen Sie zur App Workbench.

  2. Klicken Sie auf die Registerkarte App Settings.

  3. Klicken Sie im Panel App Settings auf More > Edge Case.

  4. Wählen Sie die Registerkarte Regions - Controls:

    Anwendungsmenü

    1. Wählen Sie unter Application Menu aus, welches Menü auf der rechten Seite der oberen Symbolleiste sichtbar sein soll. Standard ist das Menü mit demselben Namen.

    2. Wählen Sie unter Home Page eine Seite aus, die die Startseite sein soll. Standard ist Home.

    3. Wählen Sie unter Mobile Menu aus, welches Menü Benutzer auf Mobilgeräten sehen. Standard ist das Menü Mobile.

    4. Wählen Sie unter System Menu ein Menü aus, das auf der linken Seite der oberen Symbolleiste sichtbar sein soll. Standardmäßig gibt es keines.

      Hinweis

      In der Dropdown-Liste gibt es eine vom System erstellte Option namens System Menu. Wenn diese ausgewählt ist, werden Symbole mit einigen nützlichen Einstellungen wie Audit, Benutzerprofil, Sprachen und anderen angezeigt. Allerdings sind alle diese Einstellungen auch im Hamburger-Menü rechts neben der oberen Symbolleiste verfügbar.

Menüelemente hinzufügen

Um Elemente zu einem Menü hinzuzufügen, suchen Sie es auf, indem Sie auf App Workbench > UI Layer - Menu zugreifen und es im Panel Menus finden.

Nachdem Sie das Menü gefunden haben, dem Sie Elemente hinzufügen möchten, können Sie auf das Symbol klicken oder doppelt auf seine Zeile oder seinen Namen im Panel Menu Diagram klicken, um eine Aufschlüsselung seiner Elemente anzuzeigen.

Das Panel Menu Items zeigt alle vorhandenen Elemente in diesem Menü. Um ein neues Element hinzuzufügen, klicken Sie auf die Schaltfläche + Menu Item und das Dialogfeld Menu Item wird geöffnet, das die folgenden Registerkarten enthält:

  • Einstellungen: In diesem Tab sind die folgenden Felder verfügbar:

    • Menüsteuerungstypen: Wählen Sie Menüelement, wenn Sie eine Option zu einem Menü hinzufügen, oder Verschachteltes Menü, wenn Sie ein neues Untermenü erstellen.

    • Übergeordnetes Menü: Wählen Sie das übergeordnete Menü des Elements aus, das Sie erstellen.

    • Position: Geben Sie eine Nummer ein, um die Anzeigereihenfolge dieses Elements zu definieren.

    • Name: Geben Sie den Namen des neuen Elements ein.

    • Link zur Seite: Verwenden Sie das Dropdown-Menü, um auszuwählen, mit welcher Seite Ihrer Anwendung dieses Element verlinkt werden soll.

  • Linkoptionen: In diesem Tab ist das Feld Externer Link verfügbar. Verwenden Sie es, wenn das Element auf eine externe Webressource verlinken soll. Die eingegebene URL muss mit https:// oder http:// beginnen.

  • Anzeigeoptionen: In diesem Tab sind die folgenden Felder verfügbar:

    • Beschriftung: Definieren Sie eine Beschriftung, die im Menü angezeigt wird.

    • Tooltip-Beschriftung: Definieren Sie den Tooltip-Text, der angezeigt wird, wenn ein Benutzer auf das Element zeigt.

    • Bild: Verwenden Sie das Dropdown-Menü, um ein Bild zu suchen und auszuwählen, das dem Element zugeordnet werden soll.

    • Symbol: Verwenden Sie das Dropdown-Menü, um ein Symbol zu suchen und auszuwählen, das dem Element zugeordnet werden soll. Weitere Informationen finden Sie unter Symbolgategorien für die verfügbaren Symbolsätze.

    • Beschriftungssichtbarkeit: Wählen Sie, ob die Beschriftung in der Anwendung Sichtbar oder Verborgen sein soll.

    • Design: Wenn Sie Designs verwenden, wählen Sie hier eines aus, um Styling auf das Element anzuwenden.

    • Aktiv: Dieses Kontrollkästchen bestimmt, ob das Element im Menü angezeigt wird (standardmäßig aktiviert).

Klicken Sie auf Speichern, um Ihre Einstellungen zu bestätigen und das neue Element zu speichern.