Kontaktformulare (Contact)
Layout / Inhaltsseiten
Das Layout aller Formulare wird global über das aktive Webdesign Template definiert. Dabei kann das Layout für Formulare, sowie für die verschiedenen Feldtypen (z.B. Textfeld und Datumsauswahl) individuell definiert werden.
Formularfeldtypen
Die nachfolgende Liste beschreibt alle verfügbaren Formularfeldtypen. Für eine Liste der verfügbaren Platzhalter zur individuellen Gestaltung der Anzeige der verschiedenen Formularfeldtypen siehe Abschnitt Formularfelder.
Feld | Schlüssel | Typ-spezifischer Block | Template | Zusätzliche spezifische Platzhalter |
---|---|---|---|---|
Textfeld | text | contact_form_field_text | FieldText.html | |
Text | label | contact_form_field_label | FieldLabel.html |
|
Kontrollkästchen | checkbox | contact_form_field_checkbox | FieldCheckbox.html |
|
Kontrollkästchen Gruppe | checkboxGroup | contact_form_field_checkboxGroup | FieldCheckboxGroup.html | |
Land | country | contact_form_field_country | FieldCountry.html | |
Datum | date | contact_form_field_date | FieldDate.html | |
Datum & Zeit | datetime | contact_form_field_datetime | FieldDatetime.html | |
Dateiupload (nur eine Datei) | file | contact_form_field_file | FieldFile.html |
|
Dateiupload (mehrere Dateien) | multi_file | contact_form_field_multi_file | FieldMultiFile.html |
|
Fieldset | fieldset | contact_form_field_fieldset | FieldFieldset.html | |
Verstecktes Feld | hidden | contact_form_field_hidden | FieldHidden.html | |
Horizontale Linie | horizontalLine | contact_form_field_horizontalLine | FieldHorizontalLine.html | |
Kennwort Feld | password | contact_form_field_password | FieldPassword.html | |
Auswahlfelder | radio | contact_form_field_radio | FieldRadio.html | |
Auswahlmenü | select | contact_form_field_select | FieldSelect.html | |
Mehrzeiliges Textfeld | textarea | contact_form_field_textarea | FieldTextarea.html | |
Empfängeradressen Auswahlliste | recipient | contact_form_field_recipient | FieldRecipient.html | |
access_email | contact_form_field_access_email | FieldSpecial.html Block: <!-- BEGIN/END contact_form_field_special_input --> |
||
Geschlecht | access_gender | contact_form_field_access_gender | FieldSpecial.html Block: <!-- BEGIN/END contact_form_field_special_select --> |
|
Anrede | access_title | contact_form_field_access_title | FieldSpecial.html Block: <!-- BEGIN/END contact_form_field_special_select --> |
|
Vorname | access_firstname | contact_form_field_access_firstname | FieldSpecial.html Block: <!-- BEGIN/END contact_form_field_special_input --> |
|
Nachname | access_lastname | contact_form_field_access_lastname | FieldSpecial.html Block: <!-- BEGIN/END contact_form_field_special_input --> |
|
Firma | access_company | contact_form_field_access_company | FieldSpecial.html Block: <!-- BEGIN/END contact_form_field_special_input --> |
|
Adresse | access_address | contact_form_field_access_address | FieldSpecial.html Block: <!-- BEGIN/END contact_form_field_special_input --> |
|
Ort | access_city | contact_form_field_access_city | FieldSpecial.html Block: <!-- BEGIN/END contact_form_field_special_input --> |
|
PLZ | access_zip | contact_form_field_access_zip | FieldSpecial.html Block: <!-- BEGIN/END contact_form_field_special_input --> |
|
Land | access_country | contact_form_field_access_country | FieldSpecial.html Block: <!-- BEGIN/END contact_form_field_special_select --> |
|
Tel. Büro | access_phone_office | contact_form_field_access_phone_office | FieldSpecial.html Block: <!-- BEGIN/END contact_form_field_special_input --> |
|
Tel. Privat | access_phone_private | contact_form_field_access_phone_private | FieldSpecial.html Block: <!-- BEGIN/END contact_form_field_special_input --> |
|
Tel. Mobile | access_phone_mobile | contact_form_field_access_phone_mobile | FieldSpecial.html Block: <!-- BEGIN/END contact_form_field_special_input --> |
|
Fax | access_phone_fax | contact_form_field_access_phone_fax | FieldSpecial.html Block: <!-- BEGIN/END contact_form_field_special_input --> |
|
Geburtstag | access_birthday | contact_form_field_access_birthday | FieldSpecial.html Block: <!-- BEGIN/END contact_form_field_special_input --> |
|
Website | access_website | contact_form_field_access_website | FieldSpecial.html Block: <!-- BEGIN/END contact_form_field_special_input --> |
|
Beruf | access_profession | contact_form_field_access_profession | FieldSpecial.html Block: <!-- BEGIN/END contact_form_field_special_input --> |
|
Interessen | access_interests | contact_form_field_access_interests | FieldSpecial.html Block: <!-- BEGIN/END contact_form_field_special_input --> |
|
Signatur | access_signature | contact_form_field_access_signature | FieldSpecial.html Block: <!-- BEGIN/END contact_form_field_special_input --> |
Layout
Formular
Das standard Layout eines Formulars ist über die Template-Datei Form.html definiert. Optional dazu kann für ein ausgewähltes Formular ein komplett individuelles Layout definiert werden, indem eine Anwendungsvorlage nach dem Schema <FORM-ID>.html (unter core_modules/Contact/Tempalte/Frontend/) im gewünschten Webdesign Template angelegt wird.
Zur Individualisierung stehen die nachfolgenden Platzhalter und Template-Blöcke zur Verfügung.
Statusmeldung
[[CONTACT_FEEDBACK_TEXT]]
Einleitungstext
Formular
Individueller CSS Style
Formularfelder
Jedes Formularfeld verfügt analog dem Formular (Form.html) über ein standard Layout, welches in einer Template-Datei definiert ist. Die Namen der entsprechenden Template-Dateien sind in der Liste Formularfeldtypen in der Spalte Template aufgeführt. Zur Individualisierung stehen die folgenden Platzhalter und Template-Blöcke zur Verfügung.
Allgemein
[[CONTACT_FORM_FIELD_ID]]
ID des Formularfeldes[[CONTACT_FORM_FIELD_LABEL]]
Bezeichnung des Formularfeldes[[CONTACT_FORM_FIELD_VALUE]]
Vorausgefüllter Wert, in folgender Reihenfolge:- Bei Benutzerkonto-spezifische Felder wird der Wert aus dem Benuterprofil geladen, sofern der Besucher an System angemeldet ist
- Übermittelte Formulardaten, falls die Anfrage nicht erfolgreich war (z.B.: ungültiges CAPTCHA)
- Daten aus URL-Argument <FIELD-ID>
- Standardwert gemäss Formularkonfiguration (sofern der Platzhalter
[[CONTACT_FORM_FIELD_PLACEHOLDER]]
nicht genutzt wird)
[[CONTACT_FORM_FIELD_TYPE]]
HTML5 Input Type (nur verfügbar bei HTML-input Feldern)[[CONTACT_FORM_FIELD_PLACEHOLDER]]
HTML-codierte Ausgabe der Bezeichnung des Feldes zur Verwendung als HTML5-placeholder Attribute. Nur verfügbar bei: Textfeld / Datum / Datum & Zeit / Verstecktes Feld / Mehrzeiliges Textfeld / E-Mail / Vorname / Nachname / Firma / Adresse / Ort / PLZ / Tel. Büro / Tel. Privat / Tel. Mobile / Fax / Geburtstag / Website / Beruf / Interessen / Signatur
Pflichtfeld
Generisch | Typ-spezifisch | Feld-spezifisch |
---|---|---|
Auswahloptionen
Nur verfügbar bei: Kontrollkästchen Gruppe / Auswahlfelder / Auswahlmenü / Empfängeradressen Auswahlliste / Geschlecht / Anrede / Land
Generisch | Typ-spezifisch | Feld-spezifisch |
---|---|---|
Legacy Deprecated
Diese Platzhalter stehen lediglich zum Zweck der Rückwärtskompatibilität für Templates älter als Version 5 zur Verfügung. Vom Einsatz wird dringend abgeraten, da diese einerseits nicht mehr offiziell unterstützt werden und andererseits, dass diese zukünftig ohne Ankündigung nicht mehr zur Verfügung stehen.
[[<FIELD-ID>_VALUE]]
Bezeichnung des Formularfeldes[[<FIELD-ID>_LABEL]]
Bezeichnung des Formularfeldes
HTML E-Mail-Benachrichtigung
Kontaktdaten
Die übermittelten Kontaktdaten können in der HTML E-Mail-Benachrichtigung mit dem folgenden Template Block ausgegeben werden:
Beispiel:
<table>
<tbody>
<!-- BEGIN form_field -->
<tr>
<td>[[FIELD_LABEL]]</td>
<td>[[FIELD_VALUE]]</td>
</tr>
<!-- END form_field -->
</tbody>
</table>
Alernativ kann jeder Formularwert individuell gestaltet werden. Dazu kann das folgende Konstrukt verwendet werden:
Beispiel:
<table>
<tbody>
<!-- BEGIN field_1 -->
<tr>
<td>[[FIELD_1_LABEL]]</td>
<td>[[FIELD_1_VALUE]]</td>
</tr>
<!-- END field_1 -->
<!-- BEGIN field_2 -->
[[INCLUDE_EMPTY]]
<tr>
<td>[[FIELD_2_LABEL]]</td>
<td>[[FIELD_2_VALUE]]</td>
</tr>
<!-- END field_2 -->
</tbody>
</table>
Meta-Informationen
[[DATE]]
Datum/Uhrzeit der Kontaktaufname[[HOSTNAME]]
Servername der Kontaktperson[[IP_ADDRESS]]
IP-Adresse der Kontaktperson[[BROWSER_LANGUAGE]]
Browser-Sprache der Kontaktperson[[BROWSER_VERSION]]
Browser-Info der Kontaktperson[[YEAR]]
Aktuelle Jahreszahl (Format:YYYY
)