12.5 Ansicht „Fahrzeugliste“: Anzeige „Seite“ erstellen und konfigurieren

Nach der Konfiguration der allgemeinen Einstellungen für die Ansicht Fahrzeugliste erstellen Sie nun noch der Reihe nach drei Anzeigen für diese Ansicht. Sie beginnen mit der Anzeige „Seite“.

12.5.1 Schritt 01: Anzeige „Seite“ erstellen

Links oben unter dem Reiter Standard haben Sie die Möglichkeit, eine neue Anzeige hinzuzufügen. Wählen Sie Seite und klicken den Button Anzeige hinzufügen (Abbildung 12.22).

Abbildung 12.22: Neue Anzeige hinzufügen

Sie sehen, dass unter Standards eine neue Anzeige aktiv wird. Außerdem gibt es einen neuen Formularbereich mit dem Namen Seiteneinstellungen (Abbildung 12.23).

Abbildung 12.23: Anzeige – Seite

12.5.2 Schritt 02: Pfad und Menüeintrag definieren

In diesem Bereich können Sie durch einen Klick auf den verlinkten Wert Nichts den Pfad fahrzeugliste einstellen.

In den Seiteneinstellungen können Sie unter dem Pfad noch einen Menüeintrag erstellen, denn die Fahrzeugliste muss ja irgendwie aufrufbar sein. Um ein Menü zu erstellen, klicken Sie auf den verlinkten Wert Kein Menü und wählen als Typ Normaler Menüeintrag und einen Titel für den Link (Abbildung 12.24).

Abbildung 12.24: Menüeintrag

Dieser Menüeintrag erscheint nach dem Speichern der Anzeige (nicht nach dem „Aktualisieren“!) als aktivierter Link in Ihrem Menü Navigation, also auch auf der Website.

Speichern Sie jetzt auch noch die Ansicht ab. Nach dem Speichern gelangen Sie in die Liste aller Ansichten (Abbildung 12.25):

Abbildung 12.25: Ansicht Fahrzeugliste in der Übersicht

12.5.3 Schritt 03: Die Anzeige „Seite“ im Browser testen

Wenn Sie die Liste auf der Website sehen wollen, müssen Sie die URL [Drupal]/fahrzeugliste eingeben.

Abbildung 12.26: Erste Ansicht auf der Website

Grundsätzlich funktioniert nun alles. Allerdings wollten wir eine Tabelle mit Überschriften und keine Liste. Außerdem sollte durch einen Klick auf die Überschrift eine Sortiermöglichkeit vorhanden sein, und das Standortfeld wollten wir auch sehen. Vor und nach der Anzeige sollte noch ein individueller Text auftauchen.

12.5.4 Schritt 04: Die Seitenanzeige bearbeiten

Jetzt wollen wir für die Seitenanzeige fehlenden Punkte ergänzen. Klicken Sie in Verwalten – Strukturierung - Ansichten im Bereich Fahrzeugliste auf den Link bearbeiten. Klicken Sie anschließend auf die Anzeige Seite.

Standortfeld hinzufügen

Um das Standortfeld hinzuzufügen, klicken Sie im Bereich Felder auf das + Zeichen und fügen aus der Auswahl Inhalt das Feld Inhalt: Beitragsverweis: Standort (field_standort) hinzu.

Anzeige einer Tabelle

Klicken Sie in den Basiseinstellungen neben der Option „Darstellung“ auf den verlinkten Wert Unformatiert und wählen im dann erscheinenden Formularbereich Seite: How should this view be styled die Auswahl Tabelle aus (Abbildung 12.27).

Abbildung 12.27: Ansichtsstil Tabelle

Nach dem Aktualisieren sieht man in der Vorschau bereits das gewünschte Ergebnis (Abbildung 12.28):

Abbildung 12.28: Vorschau der Tabellenansicht

Sortiermöglichkeit für die Überschriften

Neben dem Feld Darstellung und dem verlinkten Wert Tabelle befindet sich ein Zahnrad-Symbol (Abbildung 12.29).

Abbildung 12.29: Konfigurations-Icon für die Darstellung

Wenn Sie auf das Zahnrad-Symbol klicken, gelangen Sie in die Konfiguration der Tabellenüberschriften (Abbildung 12.30).

Abbildung 12.30: Konfiguration der Tabellenüberschriften

Sie können hier die Sortierbarkeit über das Ankreuzen einer Checkbox einschalten und eine Standardsortierung festlegen.

Bereits in der Live-Vorschau wird die Sortierbarkeit durch Klick auf die Überschriften angezeigt. Die aktuelle Sortierrichtung (aufsteigend, absteigend) wird durch ein Dreieck symbolisiert (Abbildung 12.31).

Abbildung 12.31: Tabelle mit sortierbaren Überschriften

Individueller Text im Kopf- und Fußbereich der Anzeige

Durch einen Klick auf den verlinkten Wert Nichts des Felds Kopfbereich in den Basiseinstellungen erscheint im unteren Bereich des Formulars eine Eingabemöglichkeit für einen einleitenden Text (Abbildung 12.32):

Abbildung 12.32: Individueller Text im Kopfbereich

Mit dem Text der Fußzeile verfahren Sie analog. Im Ergebnis sieht die Liste nach allen Änderungen auf der Website aus wie in Abbildung 12.33:

Abbildung 12.33: Fertige Anzeige vom Typ Seite

Bewertungen: Select ratingSchlechtOkayGutSuperRichtig Klasse

Ihre Bewertung: Nichts Durchschnitt: 5 (2 Stimmen)