{"id":1904,"date":"2010-04-23T16:18:43","date_gmt":"2010-04-23T14:18:43","guid":{"rendered":"http:\/\/www.frische-zitronen.de\/?p=1904"},"modified":"2010-04-23T16:18:43","modified_gmt":"2010-04-23T14:18:43","slug":"kundenkartei-mit-der-typolight-efg-erweiterung-bauen","status":"publish","type":"post","link":"https:\/\/www.jukemedia.de\/blog\/2010\/04\/kundenkartei-mit-der-typolight-efg-erweiterung-bauen\/","title":{"rendered":"Kundenkartei mit der TYPOlight Contao EFG Erweiterung bauen"},"content":{"rendered":"

Neben den zahlreichen Features im Core von Typolight Contao<\/strong> gibt es auch noch das Extension-Repository, eine Sammlung von noch mehr n\u00fctzlichen Erweiterungen, die von einem ganzen Batallion von flei\u00dfigen Typolight Contao<\/strong>-Verwendern zur Verf\u00fcgung gestellt wurden. Eine der herausragendsten und m\u00e4chtigsten Erweiterungen ist das EFG-Modul,<\/a> welches dankenswerterweise von Thomas Kuhn (tom)<\/a> entwickelt und zur Verwendung frei gegeben wurde.<\/p>\n

Thomas Weitzel ist Inhaber des Designb\u00fcros weitzeldesign<\/a> in Stuttgart, Typolight Contao-Partner von Anfang an und seit M\u00e4rz 2010 unterst\u00fctzt Thomas die Weiterentwicklung von Typolight Contao <\/strong>auch als offizielles Team-Mitglied. Er setzt EFG in nahezu allen Kundeninstallationen ein und sagt, dass es f\u00fcr ihn zum Standard geh\u00f6rt, da er mindestens immer die individuelle Best\u00e4tigungsnachricht f\u00fcr Formularbenutzer damit einrichtet. Wer sich \u00fcber die M\u00f6glichkeiten der EFG-Erweiterung schlau machen m\u00f6chte, kann seine Webseite besuchen<\/a>, auf der er als Nachlese zu den Workshops bei den Usertreffen nachvollziebare Inhalte zusammen- und zur Verf\u00fcgung gestellt hat.<\/p>\n

Anlass meines heutigen postings ist eine Aufgabe in eigener Sache. Zwar gibt es gewiss einige nette Tools, mit denen man sich eine Kundenkartei anlegen kann, aber weil es auch eine gute \u00dcbung ist die EFG-Erweiterung besser kennenzulernen und der eigenen, fortschreitenden Vergesslichkeit und dem Messiezustand auf meinem lokalen Webserver entgegenzuwirken, habe ich mir auch auf localhost Typolight Contao<\/strong> installiert und halte es f\u00fcr die Ewigkeit fest, was ich mit dem EFG gemacht habe.<\/p>\n

Schritt 1 – Erweiterung abholen und installieren<\/h3>\n

Typolight Contao<\/strong> ist installiert und die EFG Erweiterung aus dem Extension-Repository auch.
\nNach der Installation des EFG sieht man erstmal gar nichts, also nicht wundern und suchen.<\/p>\n

Schritt 2 – Formular erstellen<\/h3>\n

Als n\u00e4chstes braucht man erstmal ein Formular, welches mit dem Formulargenerator angelegt wird.
\nAdmin => Linke Spalte => Formulargenerator => Neues Formuar => Namen eintragen<\/strong>, nichts weiter machen, abspeichern und fertig.<\/p>\n

Ist es ein Form, welches im Zusammenhang mit dem EFG genutzt werden soll, gebe ich als erstes Formular-Element ein hidden-field ein. Damit ist das Formular eindeutig identifizier- und unterscheidbar, falls noch andere Formulare verwendet werden. Dieses hidden-Field werden wir sp\u00e4ter noch brauchen.<\/p>\n

\"efg-hidden-field\"<\/a>
\nDann wie gewohnt das Formular mit Textfeldern f\u00fcr Name, Vorname, Adresse, Telefon und was man nicht alles an Daten von seinen Kunden braucht, nach und nach unterr\u00fchren<\/span> hinzuf\u00fcgen.<\/p>\n

Im Backend von Typolight Contao<\/strong> ist immer noch keine \u00c4nderung aufgrund der neu installierten EFG-Erweiterung zu sehen – aber: don’t panic, es kommt gleich.<\/p>\n

Schritt 3 – Formulareinstellungen \u00e4ndern<\/h3>\n

Jetzt gehen wir nochmal zur\u00fcck zu den Grundeinstellungen des Formulars. Egal ob Artikel, Newsbeitr\u00e4ge oder eben ein Formular: die Grundeinstellungen zu einem Element befinden sich immer oben in dem grau hinterlegten Kasten. Dort auf das Bearbeitungssymbol „Bleistift“ klicken und …
\n\"efg-formular-einstellungen\"<\/a>
\n… per Ckeckbox die Option „Daten im Modul „Formular-Daten speichern“ aktivieren.
\n\"efg-hidden-einstellungen-2\"<\/a><\/p>\n

Schritt 4 – Formular testen<\/h3>\n

Nun sollte man ersteinmal das Formular testen. Dazu ein neues Modul vom Typ Formular erstellen.
\n\"efg-formular\"<\/a>
\nAnschlie\u00dfend das Form in einen Artikel einbinden und die Seite mit dem fertigen Formular ansurfen.
\nAlles angekommen? Formular sichtbar?
\nDann los und mal ein paar Testdaten einf\u00fcgen, absenden, fertig.<\/p>\n

Schritt 5 – Daten eingeben<\/h3>\n

Wenn man jetzt zum Backend zur\u00fcckkehrt, sieht man in der Spalte links, dass sich etwas ge\u00e4ndert hat und ein neuer Men\u00fcpunkt verf\u00fcgbar ist.
\nFeedback wird immer automatisch angelegt und darunter folgen dann die Formulare, die ihre Daten via EFG in der Datenbank speichern. Im Falle meines Kundenkartei-Formulars wird das entsprechende Formular genannt.
\nWenn man es anklickt, gelangt man zu einer \u00dcbersicht aller Daten, die \u00fcber dieses Formular aufgenommen und abgespeichert wurde.
\n\"efg-neuer-Menuepunkt\"<\/a>
\nWenn alles richtig gemacht wurde, sollte man an dieser Stelle die Eintragungen aus dem Testlauf sehen. \u00dcber den Men\u00fcpunkt „Neuer Eintrag“ kann man nun auch im Backend die Adressdaten von weiteren Kunden aufnehmen.
\n\"efg-datensaetze\"<\/a><\/p>\n

Schritt 6 – Daten auflisten<\/h3>\n

Jetzt kommen wir zum Herzst\u00fcck – dem Listenmodul. \u00dcber Seitenleiste links => Module => Neues Modul <\/strong>erstellen ein Modul vom Typ „Auflistung Formulardaten“ erstellen.
\nBez\u00fcglich der Einstellungsm\u00f6glichkeiten gibt nachfolgendes Schaubild einige Hinweise:
\n\"efg-formular-auflistungen\"<\/a>
\nDas Modul muss nun nur noch in einen Artiekl eingebunden werden und schon hat man z.B. eine Kundenkartei bzw. man muss natr\u00fclich f\u00fcr jeden Kunden ein eigenes Modul erstellen, wenn man die eingangs erw\u00e4hnte Bedingung einf\u00fcgt. Die Ausgabe muss man sich nur noch im Quelltext anschauen und kann dann das Markup via CSS anfassen und formatieren.<\/p>\n

Dieser Artikel beeinhaltet sicherlich nur einen kleinen Ausschnitt dessen, was man mit der EFG-Erweiterung alles machen kann. M\u00f6glichrweise gibt es auch andere Wege zum gleichen Ziel – mit der zeit werde ich gewiss noch mehr Einsatzm\u00f6glichkeiten durcharbeiten.<\/p>\n","protected":false},"excerpt":{"rendered":"

Neben den zahlreichen Features im Core von TYPOlight Conato gibt es auch noch das Extension-Repository, eine Sammlung von noch mehr n\u00fctzlichen Erweiterungen, die von einem ganzen Batallion von flei\u00dfigen TYPOlight-Contao-Verwendern zur Verf\u00fcgung gestellt wurden. Eine der herausragendsten und m\u00e4chtigsten Erweiterungen ist das EFG-Modul, mit welchem man Formulardaten sammeln und selektiv wieder ausgeben kann ohne selber eine Datenbankabfrage mit SQL erstellen zu m\u00fcssen. In diesem Artikel beschreibe ich, was ich f\u00fcr den Anwendungsfall einer Kundenkartei gemacht habe.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[93,50,360,427],"yst_prominent_words":[],"class_list":["post-1904","post","type-post","status-publish","format-standard","hentry","category-contao","tag-contao","tag-erweiterungen","tag-typolight","tag-formulare"],"_links":{"self":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts\/1904","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/comments?post=1904"}],"version-history":[{"count":0,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/posts\/1904\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/media?parent=1904"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/categories?post=1904"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/tags?post=1904"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/www.jukemedia.de\/blog\/wp-json\/wp\/v2\/yst_prominent_words?post=1904"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}