Warning: A non-numeric value encountered in system/modules/core/elements/ContentGallery.php on line 304
#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}

Warning: Cannot modify header information - headers already sent by (output started at /home/www/fmodule/www/system/helper/functions.php:65) in system/modules/core/library/Contao/Template.php on line 294
#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}

Warning: Cannot modify header information - headers already sent by (output started at /home/www/fmodule/www/system/helper/functions.php:65) in system/modules/core/library/Contao/Template.php on line 295
#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 | F Modul

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.

Screenshot: Neues Frontend Modul anlegen

Neues Frontend Modul anlegen

Dazu gehe wir auf Layout > Themes und klicken auf Frontend Module bearbeiten. Danach klicken wir auf "Neues Modul".

Screenshot: Filter - Formular

Fronten Modul: Filter - Formular

Wir erstellen einen neuen Modultyp: F Modul > Filter - Formular. und vergeben einen passenden Titel.

Filter Formular Liste auswählen

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

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

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

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

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!

Screenshot: Filter - Formular einbinden

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.

Weiter mit

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

Weiter

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