Filter - Formular erstellen
Kapitel 11
Frontend Filter - Formular
In diesem Kapitel zeige ich wie man einen Frontend Filter - Formular erstellt. Damit wir unsere Frontend Listenansicht filtern können.
Neues Frontend Modul anlegen
Dazu gehe wir auf Layout > Themes und klicken auf Frontend Module bearbeiten. Danach klicken wir auf "Neues Modul".
Fronten Modul: Filter - Formular
Wir erstellen einen neuen Modultyp: F Modul > Filter - Formular. und vergeben einen passenden Titel.
Frontend Liste auswählen
In der Eingabemaske sehen wir eine Selectbox Listenansicht. Dort können wir unsere zuvor erstellte Frontend Listenansicht auswählen.
Formular Felder bearbeiten
Hier können Sie die einzelnen Felder bearbeiten, verschieben ein- und ausblenden.
- CSS-Klasse Hier können Sie dem jeweiligen Feld eine oder mehrere CSS-Klassen vergeben.
- Template Hier können wir das HTML des jeweiligen Feldes anpassen. Wir erstellen bei den Templates ein entsprechende Template Datei und wählen diese hier aus.
- Change on submit Bei einer Auswahl werden die Formular Daten abgeschickt und die Seite neue geladen. Diese Option sollte immer bei einer bestehenden Feld-Abhängigkeit verwendet werden.
- Eingabefeld einblenden Ganz wichtig: Die Felder sind standardgemäß immer deaktiviert! Hier können Sie die Formular-Felder aktivieren/einblenden.
Feld-Abhängigkeit
Hier können wir die Feld-Abhängigkeit definieren und das Feld nur anzeigen wenn ein entsprechendes Feld vom Benutzer ausgewählt worden ist.
Formular-Einstellungen
Hier finden Sie die Formular-Einstellungen.
- Filtereinstellungen zurücksetzen erlauben Wenn diese Option aktiviert ist, wird ein Link eingeblendet, welches dem Benutzer erlaubt die Filtereinstellungen zurückzusetzen.
- Absende-Schaltfläche entfernen Hier können wir den Submit Button deaktivieren.
- Autovervollständigung aktivieren Es werden nur Werte angezeigt, die tatsächlich verwendet werden. Vorsicht: Bei großer Datenmenge kann es zu Verlangsamung der Ladezeit kommen.
Intelligente Filterung
Nur zusammenhängende Werte anzeigen
Mit dieser Einstellung ist eine intelligente Filterung möglich. Die Filter zeigen nur Werte an, welche tatsächlich bei den Datensätzen vorhanden sind. Dabei werden nicht nur die Datensätze gefiltert sondern auch die Filterwerte. Vorsicht: Bei großer Datenmenge kann es zu Verlangsamung der Ladezeit kommen.
Startpunkt aktivieren
Der Startpunkt (der erste Feld im Formular) zeigt immer alle Optionen an!
Filter - Formular einbinden
Wenn wir unsere Filter - Eingabefelder konfiguriert und aktiviert haben, klicken wir auf "Speichern und schließen". Anschließend müssen wir unser Filer - Formular auf der selben Seite wie die Frontend - Listenansicht einbinden.
