Filter - Formular erstellen

#0 system/modules/core/elements/ContentGallery.php(304): __error(2, 'A non-numeric v...', '/home/www/fmodu...', 304, Array) #1 system/modules/core/elements/ContentElement.php(265): Contao\ContentGallery->compile() #2 system/modules/core/elements/ContentGallery.php(76): Contao\ContentElement->generate() #3 system/modules/core/library/Contao/Controller.php(484): Contao\ContentGallery->generate() #4 system/modules/fmodule/src/Resources/contao/module/ModuleDetailView.php(226): Contao\Controller::getContentElement(Object(Contao\ContentModel), 'main') #5 system/modules/core/modules/Module.php(287): FModule\ModuleDetailView->compile() #6 system/modules/fmodule/src/Resources/contao/module/ModuleDetailView.php(66): Contao\Module->generate() #7 system/modules/core/elements/ContentModule.php(59): FModule\ModuleDetailView->generate() #8 system/modules/core/library/Contao/Controller.php(484): Contao\ContentModule->generate() #9 system/modules/core/modules/ModuleArticle.php(213): Contao\Controller::getContentElement(Object(Contao\ContentModel), 'main') #10 system/modules/core/modules/Module.php(287): Contao\ModuleArticle->compile() #11 system/modules/core/modules/ModuleArticle.php(67): Contao\Module->generate() #12 system/modules/core/library/Contao/Controller.php(417): Contao\ModuleArticle->generate(false) #13 system/modules/core/library/Contao/Controller.php(277): Contao\Controller::getArticle(Object(Contao\ArticleModel), false, false, 'main') #14 system/modules/core/pages/PageRegular.php(133): Contao\Controller::getFrontendModule('0', 'main') #15 system/modules/core/controllers/FrontendIndex.php(285): Contao\PageRegular->generate(Object(Contao\PageModel), true) #16 index.php(20): Contao\FrontendIndex->run() #17 {main}

#0 [internal function]: __error(2, 'Cannot modify h...', '/home/www/fmodu...', 294, Array) #1 system/modules/core/library/Contao/Template.php(294): header('Vary: User-Agen...', false) #2 system/modules/core/classes/FrontendTemplate.php(121): Contao\Template->output() #3 system/modules/core/pages/PageRegular.php(190): Contao\FrontendTemplate->output(true) #4 system/modules/core/controllers/FrontendIndex.php(285): Contao\PageRegular->generate(Object(Contao\PageModel), true) #5 index.php(20): Contao\FrontendIndex->run() #6 {main}

#0 [internal function]: __error(2, 'Cannot modify h...', '/home/www/fmodu...', 295, Array) #1 system/modules/core/library/Contao/Template.php(295): header('Content-Type: t...') #2 system/modules/core/classes/FrontendTemplate.php(121): Contao\Template->output() #3 system/modules/core/pages/PageRegular.php(190): Contao\FrontendTemplate->output(true) #4 system/modules/core/controllers/FrontendIndex.php(285): Contao\PageRegular->generate(Object(Contao\PageModel), true) #5 index.php(20): Contao\FrontendIndex->run() #6 {main}

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.

Suchformular einbinden

Weiter mit

Listenansicht Filterung

Kapitel 12

Soll eine Liste auf bestimmten Seiten nur kategorisierte Datensätze anzeigen? Kein Problem nutze die vordefinierten Abfragen in der Listenansicht.

Weiter

Filter - Kriterien für die Datensätze

Kapitel 10

Zu guter Letzt, benötigen unsere Datensätze Meta - Informationen für die Filter. Nutze die zuvor erstellten Filter Eingabefelder in den jeweiligen Datensätzen.

Weiter