Vor ein paar Monaten erhielt ich eine Anfrage für ein Website-Projekt, das ich inzwischen auch umsetzen durfte. Eine zentrale Anforderung des Kunden war, dass er die Reihenfolge von Inhalten selber bestimmen kann. Eigentlich eine Selbstverständlichkeit im Jahr 2020 – müsste man meinen. In Backdrop-Projekten nutze ich dafür meistens eine einfache, aber mächtige Erweiterung zur Sortierung von Inhalten: das Modul Draggableviews.

Vom Modul Views wird noch oft die Rede sein beim Modul-Montag. Es ist das universelle Werkzeug, um per Mausklick auch anspruchsvolle Datenbank-Abfragen zu konfigurieren. Draggableviews erweitert das Views-Modul, indem es ermöglicht, die Reihenfolge der Ergebnisse aus der Datenbank per Drag & Drop zu ändern.

Wieso, weshalb, warum

Das Thema Sortierung ist ein Evergreen beim Erstellen von Websites. Gerade bei grossen Datenmengen wird oft eine automatische Sortierung gewünscht, etwa nach Erstellungsdatum der Inhalte. Bei kleinen Landing Pages wiederum sollen möglichst alle Inhalte frei platziert werden können. Das wiederum bringt oft das Layout-Template an seine Grenzen. Die beste Sortiermöglichkeit per se gibt es deshalb nicht.

“Person A müsste an dritter Stelle stehen”

Draggableviews ist für mich das Werkzeug der Wahl, wenn einigermassen strukturierte Inhalte zu sortieren sind, die gewünschte Reihenfolge sich jedoch auch mal ändert:

• Artikelübersichten
• Mitarbeiter-Galerien
• Sponsorenlogos
• Kategorieübersichten

Ich nutze die Funktion oft an Dutzenden Stellen auf einer Site. Interessant sind zum Beispiel vermeintlich einfache Mitarbeiter-Galerien, wenn die MitarbeiterInnen zusätzlich in Geschäftsbereiche gegliedert sind und die Anzahl der Einträge sich immer wieder ändert.

Nutzung

Eine Sortierung über Draggableviews benötigt zwei Elemente:

• Ein View für die Datenausgabe, Darstellung frei
• Ein View zur Sortierung, Darstellung als Tabelle

Die tabellarische Ansicht wird dann der Datenausgabe als Sortierkriterium zugeordnet.

Ein Beispiel: Das Bildschirmfoto zeigt eine Views-Ansicht mit Kundenaussagen, deren Reihenfolge frei veränderbar sein soll:

Kommen wir in den folgenden Screenshots zum Backend meiner Sortier-Ansichten für den Inhaltsyp "Mitgliederstimmen/Testimonials":

Das Resultat ist eine Sortier-Option bei der Frontend-Ansicht, die sich bequem per Kontextmenu aufrufen lässt:

Fazit

Draggableviews ist eine bewährte Möglichkeit, um Views-Ergebnisse per Drag & Drop zu sortieren. Die initiale Einrichtung benötigt einen Moment, aber ist bei mir dank Konfigurationsmanagement bei jedem neuen Projekt quasi automatisch am Start.