Wie lege ich eine Footer Komponente an? 

Eine Footer-Komponente kann erstellt werden, um auf jeder Seite der Anwendung konsistente Inhalte am Ende der Seite auszugeben. Sie wird in der Regel verwendet, um zusätzliche Informationen oder Verknüpfungen wie Kontaktinformationen, rechtliche Hinweise oder Links zu Sozialen Medien bereitzustellen. Die Footer-Komponente hilft dabei, die Inhalte und das Design am Ende jeder Seite einheitlich zu gestalten und ermöglicht es den Benutzern, schnell auf wichtige Informationen zuzugreifen, ohne zum Seitenanfang scrollen zu müssen. 

1. Klicken Sie in der Navigationsleiste auf Application
2. Wählen Sie die Application aus, dessen Header-Komponente angepasst werden soll
3. Nachdem Sie auf die Application geklickt haben, öffnet sich die Übersichtsseite der Application
4. Klicken Sie auf Footer Komponenten im Abschnitt Einstellungen auf der rechten Seite
5. Navigieren Sie bei Edit your Page zum Namen "Footer Komponenten" und klicken Sie darauf, um zu den Page Settings zu gelangen
6. Hinterlegen Sie im Feld Data Source das Datenobjekt, in dem sich die Elemente für den Footer befinden
7. Gehen Sie zurück zur Übersicht indem Sie oben links – neben dem Seitentitel – auf den Pfeil zurück (<) klicken 
8. Navigieren Sie nun zu Create and edit Page Areas und bauen Sie Ihre Seite mit + Add Area auf

Navigation hinzufügen

Sie können auch für die Footer Komponente eine Navigation hinzufügen die z. B. Datenschutz und Impressum beinhaltet. 

Navigation: Die angelegte (footer) Navigation. Voraussetzung: Navigation anlegen

1. Wählen Sie im Bereich Content Mapping Ihre Navigation im Feld main aus
2. Wählen Sie den Navigation-Style Ihrer Navigation für das erste Level aus (firstLevelNav)
3. Wählen Sie einen Boxstyle für die Navigation im ersten Level aus (firstLevelBox)
4. Haben Sie weitere Level der Navigation können Sie für diese ebenfalls einen eigenen Navigation-Style und Boxstyle auswählen
5. Scrollen Sie zu den Settings
6. Sie können den Slide-Toggle mit der Option autoCollapse aktivieren, um die Navigation automatisch in ein Burger-Menü zu verwandeln, wenn der verfügbare Platz nicht ausreicht
7.  Wählen Sie in dem Feld direction die gewünschte Ausrichtung Ihrer Navigation aus: 
   1. row, um die Navigationspunkte nebeneinander anzuordnen
   2. column, um sie untereinander anzuordnen
8. Sie können die Option "fixResponsive" aktivieren, um immer ein Hamburger-Icon in der Navigation anzuzeigen
9. Wenn Sie möchten, dass Navigationspunkte mit Subnavigation einen Pfeil nach unten anzeigen, können Sie die Option showSubnavIcon aktivieren

Das könnte Sie auch Interessieren