Contao Community Documentation - Benutzerbeiträge [de]

Composer/Hosting

2014-09-02T10:54:14Z

Nina: /* Kompatible Webhostingpakete */

{{stub}}
[[Category:Composer]]
[[Category:Extensions]]
[[Category:Admin HOWTOS]]
[[Category:Installation und Updates]]

=Kompatibilitätsliste=

Auf dieser Seite werden Webhoster gelistet, auf denen Contao mit Composer läuft, mit Einschränkungen läuft oder nicht läuft.

==Kompatible Webhostingpakete==

Bitte beim Eintragen auf eine alphabetische Reihenfolge achten.

* [https://www.all-inkl.com/ All-Inkl] Getestet unter Contao 3.3.5 auf Paket 'all-inkl PrivatPlus', mit Zeile ''AddHandler php53-cgi .php'' am Anfang der .htaccess ([[User:Nina|Nina]])
* [https://www.df.eu/ domainfactory] ManagedServer L4 ([[User:Hellschu|Hellschu]])/ ab ManagedHosting Pro lauffähig ([[User:MacKP|MacKP]])
* [http://hosteurope.de/ Hosteurope] Virtual Server Managed, phar whitellisten ([[User:Lucina|Lucina]])
* [https://inetrobots.de/ Inetrobots.de] Getestet mit Webhosting "Professional" ([https://community.contao.org/de/member.php?4042-ciaobello ciaobello]) sowie altem Web Business-Paket (mj1985)
* [https://www.fc-hosting.de/ fc-hosting.de] Paket: Expert 3.2 ohne Extras ([https://community.contao.org/de/member.php?6680-dackelchen dackelchen])
* [http://www.metanet.ch Metanet.ch] Wichtig ist zu beachten dass mindestens Plesk 11.5 installiert ist (darauf beharren). Dann kann die notwendige Funktion im Kontrollpanel pro Domain eingeschaltet werden. Getestet mit METAHost ([https://community.contao.org/de/member.php?4042-ciaobello ciaobello])
* [http://w4w.net/ w4w.net] Standardhosting ([[User:Lucina|Lucina]])
* [https://www.webhostone.de/ WebhostOne] Webhosting MultiApp ([[User:Lucina|Lucina]])

==Inkompatible Webhostingpakete==

* [http://df.eu/ Domain Factory] MyHomePlus (zu geringe Ressourcen, u.a. nur 50 MB Ram ([[User:Lucina|Lucina]])
* [https://www.hosteurope.de/ Hosteurope] Webpack (nicht Webpack Pro) (Ursache z.Zt. unbekannt) ([[User:Lucina|Lucina]])
* [https://www.webhostone.de/ WebhostOne] Webhosting Single App (RAM nicht ausreichend) ([[User:Lucina|Lucina]])
==Tipps und Tricks ==
* Bei df.eu kann die php.ini so bearbeitet werden, das auch die Optionalen Bedingungen erfüllt werden (per php.ini Editor im Backend von df.eu)
* Bei goneo + PHP 5.4 kann eine eigene php.ini verwendet werden, damit kann man die Bedingungen erreichen. [[Webhoster#goneo]]

Composer/Hosting

2014-08-28T09:58:15Z

Nina: /* Kompatible Webhostingpakete */

{{stub}}
[[Category:Composer]]
[[Category:Extensions]]
[[Category:Admin HOWTOS]]
[[Category:Installation und Updates]]

=Kompatibilitätsliste=

Auf dieser Seite werden Webhoster gelistet, auf denen Contao mit Composer läuft, mit Einschränkungen läuft oder nicht läuft.

==Kompatible Webhostingpakete==

* [https://www.df.eu/ domainfactory] ManagedServer L4 ([[User:Hellschu|Hellschu]])/ ab ManagedHosting Pro lauffähig ([[User:MacKP|MacKP]])
* [http://hosteurope.de/ Hosteurope] Virtual Server Managed, phar whitellisten ([[User:Lucina|Lucina]])
* [https://inetrobots.de/ Inetrobots.de] Getestet mit Webhosting "Professional" ([https://community.contao.org/de/member.php?4042-ciaobello ciaobello]).
* [https://www.fc-hosting.de/ fc-hosting.de] Paket: Expert 3.2 ohne Extras ([https://community.contao.org/de/member.php?6680-dackelchen dackelchen])
* [http://www.metanet.ch Metanet.ch] Wichtig ist zu beachten dass mindestens Plesk 11.5 installiert ist (darauf beharren). Dann kann die notwendige Funktion im Kontrollpanel pro Domain eingeschaltet werden. Getestet mit METAHost ([https://community.contao.org/de/member.php?4042-ciaobello ciaobello]).
* [http://w4w.net/ w4w.net] Standardhosting ([[User:Lucina|Lucina]])
* [https://www.webhostone.de/ WebhostOne] Webhosting MultiApp ([[User:Lucina|Lucina]])
* [https://www.all-inkl.com/ All-Inkl] Getestet unter Contao 3.3.5 auf Paket 'all-inkl PrivatPlus', mit Zeile ''AddHandler php53-cgi .php'' am Anfang der .htaccess ([[User:Nina|Nina]])

==Inkompatible Webhostingpakete==

* [http://df.eu/ Domain Factory] MyHomePlus (zu geringe Ressourcen, u.a. nur 50 MB Ram ([[User:Lucina|Lucina]])
* [https://www.hosteurope.de/ Hosteurope] Webpack (nicht Webpack Pro) (Ursache z.Zt. unbekannt) ([[User:Lucina|Lucina]])
* [https://www.webhostone.de/ WebhostOne] Webhosting Single App (RAM nicht ausreichend) ([[User:Lucina|Lucina]])
==Tipps und Tricks ==
* Bei df.eu kann die php.ini so bearbeitet werden, das auch die Optionalen Bedingungen erfüllt werden (per php.ini Editor im Backend von df.eu)

Dk carouFredSel

2012-11-20T15:17:45Z

Nina:

[[Category:Extensions]]
dk_caroufredsel ist ein jQuery-basierter Content/Elementslider mit dem Inhaltselemente aller Art in einer Slideshow gezeigt werden können. Online-Demos sind auf der [http://coolcarousels.frebsite.nl Originalseite] zu finden.
{{ExtInfo
| Dev=Dirk Klemmt (Contao-Erweiterung), Fred Heusschen (jQuery.carouFredSel)
| Version=3.0.0
| ERLink=http://contao.org/de/extension-list/view/dk_caroufredsel.html
| TrackerLink=https://github.com/dklemmt/contao_dk_caroufredsel
}}

{{Achtung|Hier entsteht aktuell das Handbuch für den caroufredsel-Slider. Ihr könnt gerne daran mitschreiben und z.B. verschiedene Konfigurationen beschreiben.}}

== Installation ==
Wie bei allen Erweiterungen, kann diese über die Erweiterungsverwaltung installiert werden. Falls diese nicht verfügbar sein sollte gibt es noch die Möglichkeit der [http://www.contao-community.de/showthread.php?76-Third-Party-Erweiterungen-manuell-installieren manuellen Installation]. Sollte die Erweiterung manuell installiert werden müssen auch alle Abhängigkeiten mit installiert werden. Diese sind im Extension Repositority ersichtlich.

== Wichtig ==
* Damit carouFredSel gestartet wird, muß im Seitenlayout jQuery zum Layout hinzugefügt werden.
* Das Karussell sollte "out of the box" funktionieren. Werden Elemente teilweise abgeschnitten kann es helfen eine Breite/Höhe im Start-Element anzugeben und dem div ein display:inline-block; sowiw vertical-align: top; zuzuweisen;
* Das umschließende div des Content-Elements hat die CSS-Klasse ce_caroufredsel. Innerhalb dessen befindet sich ein weiteres div mit der individuellen CSS-ID ce_caroufredsel_xxx, welches die zu scrollenden Elemente umschließt. jquery.carouFredSel hängt sich mit einem weiteren div mit der CSS-Klasse caroufredsel_wrapper dazwischen. Die Navigations-Elemente haben neben einer allgemeinen CSS-Klasse zusätzlich noch die gleiche individuelle CSS-ID.
* Der Navigations-Bereich im HTML-Template kann bei Bedarf umsortiert werden.
* Bei Nutzung von HTML5 sollte man ein figure { margin:0; padding:0; } in seiner CSS-Definition verwenden, welches den browser-individuellen Stil resettet. Im Safari wird z.B. ein sehr großer Abstand drumherum hinzugefügt.
* Bei Einsatz des Grid-Systems von Contao sollte man um das Carousel herum ein leeres DIV anlegen, da sonst unerwünschte Grid-Anweisungen die korrekt Funktion des Carousels behindern. So schreiben sich die Grid-Anweisungen auf das leere DIB und alles ist gut.

== Anwendungsanleitungen ==
Hier werden nach und nach Beschreibungen der Slider-Funktionen veröffentlicht.

Dk carouFredSel

2012-11-20T15:15:41Z

Nina: Autoren ergänzt

[[Category:Extensions]]
dk_caroufredsel ist ein jQuery-basierter Content/Elementslider mit dem Inhaltselemente aller Art in einer Slideshow gezeigt werden können. Online-Demos sind auf der [http://coolcarousels.frebsite.nl Originalseite] zu finden.
{{ExtInfo
| Dev=Dirk Klemmt (Contao-Erweiterung), Fred Heusschen (jQuery.carouFredSel)
| Version=3.0.0
| ERLink=http://contao.org/de/extension-list/view/dk_caroufredsel.html
| TrackerLink=https://github.com/dklemmt/contao_dk_caroufredsel
}}

== Installation ==
Wie bei allen Erweiterungen, kann diese über die Erweiterungsverwaltung installiert werden. Falls diese nicht verfügbar sein sollte gibt es noch die Möglichkeit der [http://www.contao-community.de/showthread.php?76-Third-Party-Erweiterungen-manuell-installieren manuellen Installation]. Sollte die Erweiterung manuell installiert werden müssen auch alle Abhängigkeiten mit installiert werden. Diese sind im Extension Repositority ersichtlich.

== Wichtig ==
* Damit carouFredSel gestartet wird, muß im Seitenlayout jQuery zum Layout hinzugefügt werden.
* Das Karussell sollte "out of the box" funktionieren. Werden Elemente teilweise abgeschnitten kann es helfen eine Breite/Höhe im Start-Element anzugeben und dem div ein display:inline-block; sowiw vertical-align: top; zuzuweisen;
* Das umschließende div des Content-Elements hat die CSS-Klasse ce_caroufredsel. Innerhalb dessen befindet sich ein weiteres div mit der individuellen CSS-ID ce_caroufredsel_xxx, welches die zu scrollenden Elemente umschließt. jquery.carouFredSel hängt sich mit einem weiteren div mit der CSS-Klasse caroufredsel_wrapper dazwischen. Die Navigations-Elemente haben neben einer allgemeinen CSS-Klasse zusätzlich noch die gleiche individuelle CSS-ID.
* Der Navigations-Bereich im HTML-Template kann bei Bedarf umsortiert werden.
* Bei Nutzung von HTML5 sollte man ein figure { margin:0; padding:0; } in seiner CSS-Definition verwenden, welches den browser-individuellen Stil resettet. Im Safari wird z.B. ein sehr großer Abstand drumherum hinzugefügt.
* Bei Einsatz des Grid-Systems von Contao sollte man um das Carousel herum ein leeres DIV anlegen, da sonst unerwünschte Grid-Anweisungen die korrekt Funktion des Carousels behindern. So schreiben sich die Grid-Anweisungen auf das leere DIB und alles ist gut.

== Anwendungsanleitungen ==
Hier werden nach und nach Beschreibungen der Slider-Funktionen veröffentlicht.

Dk carouFredSel

2012-11-20T15:13:14Z

Nina:

[[Category:Extensions]]
dk_caroufredsel ist ein jQuery-basierter Content/Elementslider mit dem Inhaltselemente aller Art in einer Slideshow gezeigt werden können. Online-Demos sind auf der [http://coolcarousels.frebsite.nl Originalseite] zu finden.
{{ExtInfo
| Version=3.0.0
| ERLink=http://contao.org/de/extension-list/view/dk_caroufredsel.html
| TrackerLink=https://github.com/dklemmt/contao_dk_caroufredsel
}}

== Installation ==
Wie bei allen Erweiterungen, kann diese über die Erweiterungsverwaltung installiert werden. Falls diese nicht verfügbar sein sollte gibt es noch die Möglichkeit der [http://www.contao-community.de/showthread.php?76-Third-Party-Erweiterungen-manuell-installieren manuellen Installation]. Sollte die Erweiterung manuell installiert werden müssen auch alle Abhängigkeiten mit installiert werden. Diese sind im Extension Repositority ersichtlich.

== Wichtig ==
* Damit carouFredSel gestartet wird, muß im Seitenlayout jQuery zum Layout hinzugefügt werden.
* Das Karussell sollte "out of the box" funktionieren. Werden Elemente teilweise abgeschnitten kann es helfen eine Breite/Höhe im Start-Element anzugeben und dem div ein display:inline-block; sowiw vertical-align: top; zuzuweisen;
* Das umschließende div des Content-Elements hat die CSS-Klasse ce_caroufredsel. Innerhalb dessen befindet sich ein weiteres div mit der individuellen CSS-ID ce_caroufredsel_xxx, welches die zu scrollenden Elemente umschließt. jquery.carouFredSel hängt sich mit einem weiteren div mit der CSS-Klasse caroufredsel_wrapper dazwischen. Die Navigations-Elemente haben neben einer allgemeinen CSS-Klasse zusätzlich noch die gleiche individuelle CSS-ID.
* Der Navigations-Bereich im HTML-Template kann bei Bedarf umsortiert werden.
* Bei Nutzung von HTML5 sollte man ein figure { margin:0; padding:0; } in seiner CSS-Definition verwenden, welches den browser-individuellen Stil resettet. Im Safari wird z.B. ein sehr großer Abstand drumherum hinzugefügt.
* Bei Einsatz des Grid-Systems von Contao sollte man um das Carousel herum ein leeres DIV anlegen, da sonst unerwünschte Grid-Anweisungen die korrekt Funktion des Carousels behindern. So schreiben sich die Grid-Anweisungen auf das leere DIB und alles ist gut.

Dk carouFredSel

2012-11-20T15:12:54Z

Nina: Die Seite wurde neu angelegt: „Category:Extensions dk_caroufredsel ist ein jQuery-basierter Content/Elementslider mit dem Inhaltselemente aller Art in einer Slideshow gezeigt werden können…“

[[Category:Extensions]]
dk_caroufredsel ist ein jQuery-basierter Content/Elementslider mit dem Inhaltselemente aller Art in einer Slideshow gezeigt werden können. Online-Demos sind auf der [http://coolcarousels.frebsite.nl Originalseite] zu finden.
{{ExtInfo
| Autor=Dirk Klemmt (Contao-Erweiterung), © 2012 Fred Heusschen (jQuery.carouFredSel)
| Version=3.0.0
| ERLink=http://contao.org/de/extension-list/view/dk_caroufredsel.html
| TrackerLink=https://github.com/dklemmt/contao_dk_caroufredsel
}}

== Installation ==
Wie bei allen Erweiterungen, kann diese über die Erweiterungsverwaltung installiert werden. Falls diese nicht verfügbar sein sollte gibt es noch die Möglichkeit der [http://www.contao-community.de/showthread.php?76-Third-Party-Erweiterungen-manuell-installieren manuellen Installation]. Sollte die Erweiterung manuell installiert werden müssen auch alle Abhängigkeiten mit installiert werden. Diese sind im Extension Repositority ersichtlich.

== Wichtig ==
* Damit carouFredSel gestartet wird, muß im Seitenlayout jQuery zum Layout hinzugefügt werden.
* Das Karussell sollte "out of the box" funktionieren. Werden Elemente teilweise abgeschnitten kann es helfen eine Breite/Höhe im Start-Element anzugeben und dem div ein display:inline-block; sowiw vertical-align: top; zuzuweisen;
* Das umschließende div des Content-Elements hat die CSS-Klasse ce_caroufredsel. Innerhalb dessen befindet sich ein weiteres div mit der individuellen CSS-ID ce_caroufredsel_xxx, welches die zu scrollenden Elemente umschließt. jquery.carouFredSel hängt sich mit einem weiteren div mit der CSS-Klasse caroufredsel_wrapper dazwischen. Die Navigations-Elemente haben neben einer allgemeinen CSS-Klasse zusätzlich noch die gleiche individuelle CSS-ID.
* Der Navigations-Bereich im HTML-Template kann bei Bedarf umsortiert werden.
* Bei Nutzung von HTML5 sollte man ein figure { margin:0; padding:0; } in seiner CSS-Definition verwenden, welches den browser-individuellen Stil resettet. Im Safari wird z.B. ein sehr großer Abstand drumherum hinzugefügt.
* Bei Einsatz des Grid-Systems von Contao sollte man um das Carousel herum ein leeres DIV anlegen, da sonst unerwünschte Grid-Anweisungen die korrekt Funktion des Carousels behindern. So schreiben sich die Grid-Anweisungen auf das leere DIB und alles ist gut.

Stylesheet für Backend-Theme ergänzen

2012-03-09T23:42:25Z

Nina:

[[Kategorie:Admin_HOWTOS]]
[[Kategorie:CSS_HOWTOS]]
Wenn man die Darstellung des Contao-Backends nur leicht anpassen möchte, kann man das normale Backend-Theme mit einem zusätzlichen Stylesheet ergänzen. Der Vorteil dieser Lösung ist, dass man nichts an Templates ändern muss und es daher updatesicher ist.
{{Hinweis|Diese Lösung funktioniert erst ab Contao 2.10}}
==Das Stylesheet einbinden==

In der Datei ''system/config/initconfig.php'' (falls die Datei nicht existiert, bitte exakt so benannt anlegen) wird dazu der folgende Code eingefügt:

<source lang="php">
if (TL_MODE == 'BE')
$GLOBALS['TL_CSS'][] = 'tl_files/backend/be.css|screen';
</source>

In der Dateiverwaltung legt man dann den Ordner ''backend'' an und erstellt die Datei ''be.css''.

Nun kann man die ''be.css'' bei Bedarf bearbeiten und dort Anweisungen reinschreiben, um per CSS bestimmte Teile des Backends anders darzustellen.

==Beispiel-Stylesheet==

So könnte man beispielsweise folgendes in das Stylesheet schreiben:

<source lang="css">
/* Grundfarben für Elemente dunkler - besserer Kontrast/Barrierefreiheit */
a, body, div, label, legend, li, ol, p, td, th, ul, fieldset, form, input, optgroup, select, textarea {
color: #333;
}

/* Links in der BE-Navigation auf voller Breite anklickbar */
#tl_navigation li a {
display: block;
}

/* Links in der BE-Navigation mit besserer Fokus/Hover-Markierung */
#tl_navigation a:link, #tl_navigation a:visited {
color: #333;
text-decoration: none;
}
#tl_navigation a:hover, #tl_navigation a:focus, #tl_navigation a:active {
color: #000;
text-decoration: underline;
}

/* Aktiver Punkt in BE-Navigation besser erkennbar */
#tl_navigation .tl_level_2 a.active { font-weight: bold; }

/* Hover/Fokus Markierung für Label, z. B. beim Auswaehlen von Labels bei den Definitionen der Benutzergruppen */
.tl_checkbox_container label:hover, .tl_checkbox_container label:focus {
color: #000 !important;
outline: 1px solid #465E22;
}

/* Verstaerkte Hover/Fokus Markierung für Listinganzeige */
.tl_listing tr:hover, .tl_listing tr:focus {
outline: 1px solid #465E22;
}

/* Verstaerkte Hover/Fokus Markierung für Icons in der Listinganzeige */
.tl_listing .tl_right a img:hover, .tl_listing .tl_right a img:focus {
outline: 1px solid #465E22;
}
</source>

Stylesheet für Backend-Theme ergänzen

2012-03-09T21:55:17Z

Nina:

[[Kategorie:Admin_HOWTOS]]
[[Kategorie:CSS_HOWTOS]]
Wenn man die Darstellung des Contao-Backends nur leicht anpassen möchte, kann man das normale Backend-Theme mit einem zusätzlichen Stylesheet ergänzen. Der Vorteil dieser Lösung ist, dass man nichts an Templates ändern muss und es daher updatesicher ist.
{{Hinweis|Diese Lösung funktioniert erst ab Contao 2.10}}
==Das Stylesheet einbinden==

In der Datei ''system/config/localconfig.php'' wird dazu der folgende Code eingefügt:

<source lang="php">
if (TL_MODE == 'BE')
$GLOBALS['TL_CSS'][] = 'tl_files/backend/be.css|screen';
</source>

In der Dateiverwaltung legt man dann den Ordner ''backend'' an und erstellt die Datei ''be.css''.

Nun kann man die ''be.css'' bei Bedarf bearbeiten und dort Anweisungen reinschreiben, um per CSS bestimmte Teile des Backends anders darzustellen.

==Beispiel-Stylesheet==

So könnte man beispielsweise folgendes in das Stylesheet schreiben:

<source lang="css">
/* Grundfarben für Elemente dunkler - besserer Kontrast/Barrierefreiheit */
a, body, div, label, legend, li, ol, p, td, th, ul, fieldset, form, input, optgroup, select, textarea {
color: #333;
}

/* Links in der BE-Navigation auf voller Breite anklickbar */
#tl_navigation li a {
display: block;
}

/* Links in der BE-Navigation mit besserer Fokus/Hover-Markierung */
#tl_navigation a:link, #tl_navigation a:visited {
color: #333;
text-decoration: none;
}
#tl_navigation a:hover, #tl_navigation a:focus, #tl_navigation a:active {
color: #000;
text-decoration: underline;
}

/* Aktiver Punkt in BE-Navigation besser erkennbar */
#tl_navigation .tl_level_2 a.active { font-weight: bold; }

/* Hover/Fokus Markierung für Label, z. B. beim Auswaehlen von Labels bei den Definitionen der Benutzergruppen */
.tl_checkbox_container label:hover, .tl_checkbox_container label:focus {
color: #000 !important;
outline: 1px solid #465E22;
}

/* Verstaerkte Hover/Fokus Markierung für Listinganzeige */
.tl_listing tr:hover, .tl_listing tr:focus {
outline: 1px solid #465E22;
}

/* Verstaerkte Hover/Fokus Markierung für Icons in der Listinganzeige */
.tl_listing .tl_right a img:hover, .tl_listing .tl_right a img:focus {
outline: 1px solid #465E22;
}
</source>

Stylesheet für Backend-Theme ergänzen

2012-03-06T14:34:00Z

Nina:

[[Kategorie:Admin_HOWTOS]]
[[Kategorie:CSS_HOWTOS]]
Wenn man die Darstellung des Contao-Backends nur leicht anpassen möchte, kann man das normale Backend-Theme mit einem zusätzlichen Stylesheet ergänzen. Der Vorteil dieser Lösung ist, dass es updatesicher ist und man nichts an Templates geändert hat.
{{Hinweis|Diese Lösung funktioniert erst ab Contao 2.10}}
'''Das Stylesheet einbinden'''

Unter system/config/ die dcaconfig.php (Datei anlegen, falls sie noch nicht existiert) bearbeiten und folgende Zeile einfügen:
<source lang="php">
if(TL_MODE == 'BE')
$GLOBALS['TL_CSS'][] = 'tl_files/backend/be.css|screen';
</source>

In der Dateiverwaltung einen Ordner namens "backend" anlegen und eine Datei namens "be.css" reinpacken.

Das war es auch schon. Nun kann man die be.css bei Bedarf bearbeiten und dort Anweisungen reinschreiben um per CSS bestimmte Teile des Backends anders darzustellen.

So könnte man beispielsweise folgendes in das Stylesheet schreiben:

<source lang="css">
/* Grundfarben für Elemente dunkler - besserer Kontrast/Barrierefreiheit */
a, body, div, label, legend, li, ol, p, td, th, ul, fieldset, form, input, optgroup, select, textarea {
color: #333;
}

/* Links in der BE-Navigation auf voller Breite anklickbar */
#tl_navigation li a {
display: block;
}

/* Links in der BE-Navigation mit besserer Fokus/Hover-Markierung */
#tl_navigation a:link, #tl_navigation a:visited {
color: #333;
text-decoration: none;
}
#tl_navigation a:hover, #tl_navigation a:focus, #tl_navigation a:active {
color: #000;
text-decoration: underline;
}

/* Aktiver Punkt in BE-Navigation besser erkennbar */
#tl_navigation .tl_level_2 a.active { font-weight: bold; }

/* Hover/Fokus Markierung für Label, z. B. beim Auswaehlen von Labels bei den Definitionen der Benutzergruppen */
.tl_checkbox_container label:hover, .tl_checkbox_container label:focus {
color: #000 !important;
outline: 1px solid #465E22;
}

/* Verstaerkte Hover/Fokus Markierung für Listinganzeige */
.tl_listing tr:hover, .tl_listing tr:focus {
outline: 1px solid #465E22;
}

/* Verstaerkte Hover/Fokus Markierung für Icons in der Listinganzeige */
.tl_listing .tl_right a img:hover, .tl_listing .tl_right a img:focus {
outline: 1px solid #465E22;
}

</source>

Stylesheet für Backend-Theme ergänzen

2012-03-06T14:20:35Z

Nina:

[[Kategorie:Admin_HOWTOS]]
[[Kategorie:CSS_HOWTOS]]
Wenn man die Darstellung des Contao-Backends nur leicht anpassen möchte, kann man das normale Backend-Theme mit einem zusätzlichen Stylesheet ergänzen. Der Vorteil dieser Lösung ist, dass es updatesicher ist und man nichts an Templates geändert hat.
{{Hinweis|Diese Lösung funktioniert erst ab Contao 2.10}}
'''Das Stylesheet einbinden'''

Unter system/config/ die dcaconfig.php (Datei anlegen, falls sie noch nicht existiert) bearbeiten und folgende Zeile einfügen:
<source lang="php">
if(TL_MODE == 'BE')
$GLOBALS['TL_CSS'][] = 'tl_files/backend/be.css|screen';
</source>

In der Dateiverwaltung einen Ordner namens "backend" anlegen und eine Datei namens "be.css" reinpacken.

Das war es auch schon. Nun kann man die be.css bei Bedarf bearbeiten und dort Anweisungen reinschreiben um per CSS bestimmte Teile des Backends anders darzustellen.

So könnte man beispielsweise folgendes in das Stylesheet schreiben:

<source lang="css">
/* Grundfarben für Elemente dunkler - besserer Kontrast/Barrierefreiheit */
a, body, div, label, legend, li, ol, p, td, th, ul, fieldset, form, input, optgroup, select, textarea {
color: #333;
}

/* Links in der BE-Navigation auf voller Breite anklickbar */
#tl_navigation li a {
display: block;
}

/* Links in der BE-Navigation mit besserer Fokus/Hover-Markierung */
#tl_navigation a:link, #tl_navigation a:visited {
color: #333;
text-decoration: none;
}
#tl_navigation a:hover, #tl_navigation a:focus, #tl_navigation a:active {
color: #000;
text-decoration: underline;
}

/* Aktiver Punkt in BE-Navigation besser erkennbar */
#tl_navigation .active { font-weight: bold; }

/* Hover/Fokus Markierung für Label, z. B. beim Auswaehlen von Labels bei den Definitionen der Benutzergruppen */
.tl_checkbox_container label:hover, .tl_checkbox_container label:focus {
color: #000 !important;
outline: 1px solid #465E22;
}

/* Verstaerkte Hover/Fokus Markierung für Listinganzeige */
.tl_listing tr:hover, .tl_listing tr:focus {
outline: 1px solid #465E22;
}
</source>

Stylesheet für Backend-Theme ergänzen

2012-03-06T14:20:03Z

Nina: Ein paar beispielhafte CSS-Anweisungen ergaenzt

{{stub}}
[[Kategorie:Admin_HOWTOS]]
[[Kategorie:CSS_HOWTOS]]
Wenn man die Darstellung des Contao-Backends nur leicht anpassen möchte, kann man das normale Backend-Theme mit einem zusätzlichen Stylesheet ergänzen. Der Vorteil dieser Lösung ist, dass es updatesicher ist und man nichts an Templates geändert hat.

{{Hinweis|Diese Lösung funktioniert erst ab Contao 2.10}}
'''Das Stylesheet einbinden'''

Unter system/config/ die dcaconfig.php (Datei anlegen, falls sie noch nicht existiert) bearbeiten und folgende Zeile einfügen:
<source lang="php">
if(TL_MODE == 'BE')
$GLOBALS['TL_CSS'][] = 'tl_files/backend/be.css|screen';
</source>

In der Dateiverwaltung einen Ordner namens "backend" anlegen und eine Datei namens "be.css" reinpacken.

Das war es auch schon. Nun kann man die be.css bei Bedarf bearbeiten und dort Anweisungen reinschreiben um per CSS bestimmte Teile des Backends anders darzustellen.

So könnte man beispielsweise folgendes in das Stylesheet schreiben:

<source lang="css">
/* Grundfarben für Elemente dunkler - besserer Kontrast/Barrierefreiheit */
a, body, div, label, legend, li, ol, p, td, th, ul, fieldset, form, input, optgroup, select, textarea {
color: #333;
}

/* Links in der BE-Navigation auf voller Breite anklickbar */
#tl_navigation li a {
display: block;
}

/* Links in der BE-Navigation mit besserer Fokus/Hover-Markierung */
#tl_navigation a:link, #tl_navigation a:visited {
color: #333;
text-decoration: none;
}
#tl_navigation a:hover, #tl_navigation a:focus, #tl_navigation a:active {
color: #000;
text-decoration: underline;
}

/* Aktiver Punkt in BE-Navigation besser erkennbar */
#tl_navigation .active { font-weight: bold; }

/* Hover/Fokus Markierung für Label, z. B. beim Auswaehlen von Labels bei den Definitionen der Benutzergruppen */
.tl_checkbox_container label:hover, .tl_checkbox_container label:focus {
color: #000 !important;
outline: 1px solid #465E22;
}

/* Verstaerkte Hover/Fokus Markierung für Listinganzeige */
.tl_listing tr:hover, .tl_listing tr:focus {
outline: 1px solid #465E22;
}
</source>

Stylesheet für Backend-Theme ergänzen

2012-03-06T13:55:57Z

Nina:

Wenn man die Darstellung des Contao-Backends nur leicht anpassen möchte, kann man das normale Backend-Theme mit einem zusätzlichen Stylesheet ergänzen. Der Vorteil dieser Lösung ist, dass es updatesicher ist und man nichts an Templates geändert hat.

Wichtig: Diese Lösung funktioniert erst ab Contao 2.10!

'''Das Stylesheet einbinden'''

* Unter system/config/ die dcaconfig.php (Datei anlegen, falls sie noch nicht existiert) bearbeiten und folgende Zeile einfügen:
if(TL_MODE == 'BE') $GLOBALS['TL_CSS'][] = 'tl_files/backend/be.css|screen';
* In der Dateiverwaltung einen Ordner namens "backend" anlegen und eine Datei namens "be.css" reinpacken.

Das war es auch schon. Nun kann man die be.css bei Bedarf bearbeiten und dort Anweisungen reinschreiben um per CSS bestimmte Teile des Backends anders darzustellen.

So könnte man beispielsweise folgendes in das Stylesheet schreiben:

/* Verstaerkte Hover/Fokus-Markierung für Listinganzeige in modernen Browsern */
.tl_listing tr:hover, .tl_listing tr:focus { outline: 1px solid #000; }

Stylesheet für Backend-Theme ergänzen

2012-03-06T13:54:44Z

Nina: Die Seite wurde neu angelegt: „Wenn man die Darstellung des Contao-Backends nur leicht anpassen möchte, kann man das normale Backend-Theme mit einem zusätzlichen Stylesheet ergänzen. Der Vor…“

Accordions - Alle geschlossen halten

2012-02-19T16:10:00Z

Nina: Code so angepasst, dass es mit den neueren Accordions funktioniert (seit Version 2.9)

[[Category:Admin_HOWTOS]]
{{AppliesTo
|Version=ab 2.9
}}

Bindet man mehrere Accordions in einem Artikel ein, ist das erste Accordion standardmäßig offen.

[[Datei:acc_close_all_default.png|Accordion Standard|frame|center]]

Will man jedoch, dass alle Accordions geschlossen sind, muss das Template angepasst werden.

Voraussetzung ist, dass ein Templateordner dem verwendeten Theme zugeordnet sind. Wie das geht, ist in der Anleitung [[Die_erste_Webseite|Die erste Webseite]] unter Punkt 3.2 und 4 beschrieben.

Um das Template anzupassen, wählt man im Backend unter ''Layout'' den Menüpunkt ''Templates'' und anschliessend auf ''Neues Template''.

[[Datei:acc_close_all_new_template.png|Neues Template|frame|center]]

Das zum Accordion gehörende Template heisst ''moo_accordion.html5'' oder ''moo_accordion.html5'' (je nachdem, ob die Seite auf HTML5-/XHTML-Basis läuft), welches man dem zum Theme gehörenden Ordner (in diesem Fall der Ordner "music_academy") zuweist. Anschliessend klickt man auf den Button ''Template erstellen''.

[[Datei:acc_close_all_choose_template.png|Templateauswahl|frame|center]]

In der Templateübersicht sieht man nun das gewählte Template in dem ausgewählten Ordner. Um das Template zu bearbeiten, wählt man den ''Bearbeiten''-Button.

[[Datei:acc_close_all_template.png|Templateübersicht|frame|center]]

Im Template fügt man nun nach dem Eintrag ''opacity: false'', in eine neue Zeile folgendes ein:

<source lang="javascript">
display: -1, // -1, alle Akkordions sind am Anfang eingeklappt
</source>

Anschliessend speichert man das Template ab.

Wie man nun sieht, sind alle Accordions geschlossen.

[[Datei:acc_close_all.png|Alle Accorions geschlossen|frame|center]]

Das Inhaltselement ''Accordion'' bietet keine Möglichkeit, um ein spezielles Template auszuwählen. Will man unterschiedliche Templates in unterschiedlichen Artikeln einsetzen, empfiehlt sich die Anleitung [[Eigene_Templates_trotz_fehlender_Auswahlmöglichkeit|Eigene Templates trotz fehlender Auswahlmöglichkeit]].

Breite der Bildunterschrift anpassen

2011-04-15T10:22:36Z

Nina: falsche Variable genutzt, jetzt ist es die richtige

[[Category:Admin_HOWTOS]]
Wenn die Bildunterschrift etwas länger ausfällt wird das entsprechende DIV deutlich breiter als das eigentliche Bild. In den meisten Fällen sieht das ziemlich dumm aus, so dass es besser wäre, wenn das Feld genauso breit ist wie das zugeordnete Bild. Netterweise gibt es inzwischen eine Variable die die Breite des Bildes ausgibt, so dass es sehr leicht ist, die Bildunterschrift entsprechend anzupassen.

Man muss dabei allerdings bedenken, dass die Bildunterschrift in sehr vielen Templates vorkommt. Hier wird deshalb nur der Code gezeigt, den man einfügen muss. In welches Template man das dann packt, ist jedem selbst überlassen. Am meisten verwendet ist das Template ce_text.tpl - aber auch die Templates news_full.tpl und gallery_default.tpl sind bei den meisten Seiten im Gebrauch.

Zum Ändern des Codes [[Templates_bearbeiten|erstellt]] man einfach eine Kopie des gewünschte Core-Template und macht aus dem Abschnitt:

<source lang="php"><div class="caption"><?php echo $this->caption; ?></div></source>

das hier:

<source lang="php"><div class="caption" style="width: <?php echo $this->arrSize[0]; ?>px"><?php echo $this->caption; ?></div></source>

Will man für die .caption-Klasse andere Werte wie Padding, Margin oder Border verwenden, macht es Sinn, dass man einen anderen Weg geht um keine Boxmodell-Probleme auszulösen. In dem Fall kann man einfach ein neues DIV ergänzen und den Code-Abschnitt z. B. so modifizieren:

<source lang="php"><div class="cap_outside" style="width: <?php echo $this->arrSize[0]; ?>px"><div class="caption"><?php echo $this->caption; ?></div></div></source>

Catalog-Formular mit Empfängeradresse aus Catalog-Item befüllen

2011-04-14T10:53:59Z

Nina: /* 5. Schritt: Catalog Formular Mailer konfigurieren */

{{AppliesTo
|TLVersion=ab 2.8
|Version=ab 2.9
|Ext1=Catalog bis 2.0.0 beta1
}}
[[Category:Catalog]]

==Ziel der Anpassung ==
Das Ziel der nachfolgend beschriebenen Anpassung ist, dass man ein Formular aus dem Formulargenerator im catalog_full Template aufrufen kann, das als Empfänger eine Mailadresse vom aktuellen Catalog-Eintrag nutzt.

So kann zum Beispiel der Besucher in einem Branchenindex die Firmen in der Detailansicht über das Kontaktformular individuell kontaktieren.
==1. Schritt: Formular anlegen ==
Man muss im Formulargenerator ein Formular mit den folgenden Einstellungen erstellen:
* Titel: Dieses Feld wird später im Formular beim Versand der E-Mail als Betreffzeile genutzt.
* Weiterleitungsseite: Hier definiert man die Bestätigungsseite auf die der Besucher nach dem erfolgreichen Absenden weitergeleitet wird.
* Übertragungsmethode: Hier wählt man den Eintrag "POST".
* Formular-ID: Hier gibt man '''catalogform''' ein.{{msgImportant|Man darf keinen Haken bei den Feldern "Per E-Mail versenden" und "Eingaben speichern" setzen!}}Danach legt man im Formular die gewünschten Felder an, die Besucher später ausfüllen sollen. Ein typischer Aufbau für ein einfaches Formular ist:
{|
|valign="top" | '''Feldtyp'''
|valign="top" | '''Feldname'''
|valign="top" | '''Feldbezeichnung'''
|valign="top" | '''Sonstiges'''
|-
|valign="top" | Textfeld
|valign="top" | Name
|valign="top" | Name:
|valign="top" | Haken bei Pflichtfeld
|-
|valign="top" | Textfeld
|valign="top" | Telefon
|valign="top" | Telefon:
|valign="top" | bei Eingabeprüfung '''Telefonnummer''' auswählen
|-
|valign="top" | Textfeld
|valign="top" | Absender
|valign="top" | E-Mail:
|valign="top" | Haken bei Pflichtfeld
|-
|valign="top" | Textarea
|valign="top" | Mitteilung
|valign="top" | Mitteilung:
|valign="top" | Haken bei Pflichtfeld, bei Reihen '''10''' und bei Spalten '''30''' eingeben
|-
|valign="top" | Absendefeld
|valign="top" |
|valign="top" |
|valign="top" | bei Bezeichnung der Absende-Schaltfläche '''Absenden''' eingeben
|}{{msgInfo|Das E-Mail Feld dient im Catalog-Formular als Absendeadresse für die E-Mail.}}
==2. Schritt: Formular als Modul anlegen ==
{{msgInfo|Momentan gibt es leider noch keine direkte Möglichkeit wie man ein Formular per Insert-Tag aufrufen kann (siehe [http://dev.contao.org/issues/3013 Ticket]). Deshalb muss man derzeit noch den beschriebenen Umweg über ein Modul gehen.}}* Man legt ein neues Modul an und benennt es z. B. "Catalog-Formular",
* dann wählt man als Modultyp "Formular" aus und
* danach wählt aus dem Formular-Dropdown den Eintrag mit dem Titel des Formulars, das man bei Schritt 1 angelegt hat.
Im Modul steht oben ein Hinweis nach dem Schema "Datensatz ID ... bearbeiten". Die angegebene ID ) muss man sich merken, da man damit später den Insert-Tag insert_module anlegen kann.
== 3. Schritt: Formularaufruf in Template einbinden ==
Nun muss man den Formularaufruf in das Template für die Detailanzeige der Catalog-Einträge einbinden. Dazu öffnet man im Contao-Backend das Template catalog_full.tpl und trägt an der gewünschten Stelle den Aufruf ein:
<source>{{insert_module::ID}}</source>
ID tauscht man dabei gegen die ID des Moduls aus, in dem man das Formular aufgerufen hat (siehe Schritt 2).
== 4. Schritt: Catalog-Felder modifizieren ==
Das Formular benötigt zwingend in jedem Catalog-Eintrag ein Feld mit der E-Mail-Adresse an die es gesendet werden soll. Wenn es sich z. B. um einen Catalog handelt, der als Firmenliste dient, wird man hier bei den Firmen üblicherweise die offizielle E-Mail-Adresse der Firma hinterlegen.

Man klickt im Contao Backend in der Navigation auf Catalog und klickt dann rechts beim gewünschten Catalog das Funktionssymbol hinter dem sich die Felderkonfiguration verbirgt.

Nun legt man ein neues Feld mit diesen Angaben an:
{|
|valign="top" | Label
|valign="top" | E-Mail
|-
|valign="top" | Description
|valign="top" | Geben Sie die E-Mail Adresse ein.
|-
|valign="top" | Column name
|valign="top" | email
|-
|valign="top" | Type
|valign="top" | Text
|-
|valign="top" | Mandatory
|valign="top" | anhaken, damit das Feld zum Pflichtfeld wird
|} {{msgImportant|Wichtig ist hierbei der Column name (wird in der E-Mail Konfiguration benötigt) und dass das Feld ein Pflichtfeld ist.}}{{msgInfo|Sobald dieses Feld angelegt ist, muss man bei allen bestehenden Einträgen die E-Mail-Adresse einfüllen, damit die Einträge vollständig sind.}}
== 5. Schritt: Catalog Formular Mailer konfigurieren ==
Nun lädt man aus dem Contao-Forum die kleine Erweiterung [http://www.contao-community.de/showthread.php?18843-Catalog-Power-Mailer-Formular-in-catalog_full-mit-indiv.-Empf%E4nger Catalog Formular Mailer] herunter. Diese Erweiterung liegt nicht im Extension Repository, da es sich nur um eine Minimalkonfiguration handelt, die jeder Nutzer noch auf seine jeweiligen Bedürfnisse anpassen muss.

Man entpackt die Erweiterung und öffnet die Datei /system/modules/catalog_power_mailer/CatalogPowerMailer.php mit einem Editor im UTF-8 Zeichensatz.

Wenn man dieser Anleitung exakt folgte, kann man die Datei belassen wie sie ist. Es macht aber Sinn die Abschnitte nochmal zu prüfen:
{|
|valign="top" | '''Zeile'''
|valign="top" | '''Nötige Änderung'''
|-
|valign="top" | 37
|valign="top" | Der Wert catalogform entspricht der Formular ID, die man im entsprechenden Feld "Formular-ID" ganz am Ende der Einstellungen des Formulars definiert hat. Es handelt sich hierbei NICHT um die CSS-ID!
|-
|valign="top" | 48
|valign="top" | Hier gibt man die Datensatz ID des Formulars ein. Man findet sie, indem man im Formulargenerator beim Formular auf das Details-Funktionssymbol (blaues i) klickt.
|-
|valign="top" | 54
|valign="top" | Hier gibt man an, welches Feld aus dem Formular die E-Mail-Adresse des Absenders enthält. Wenn man einen anderen Feldnamen vergeben hat, muss man den Eintrag entsprechend abändern.
|-
|valign="top" | 61-64
|valign="top" | Hier legt man fest, welche Felder als Inhalt der E-Mail versandt werden. Die Variable wird dabei mit dem Inhalt der entsprechenden Felder aus dem Formular befüllt. Die einzelnen Einträge werden mit . "\n" . mit einander verknüpft. Die Angabe von \n bewirkt, dass es in der E-Mail nach jedem Feld einen Zeilenumbruch gibt.
|-
|valign="top" | 70
|valign="top" | Hier muss man cat_beispielkatalog mit dem Namen der Datenbanktabelle ersetzen in der der gewünschte Katalog liegt. Man kann den Tabellennamen in den Katalog-Einstellungen oder direkt in der Datenbank nachlesen.
|}
Sobald man die gewünschten Werte angepasst hat, speichert man die Datei und lädt dann den Ordner contao_power_mailer mit allen darin abgelegten Inhalten per FTP in system/modules/ der Contao-Installation. Es ist nicht notwendig, dass man danach ein Datenbank-Update macht.

Nun sollte das Formular wie gewünscht in den Details der Katalogeinträge erscheinen und an die E-Mail-Adresse des jeweiligen Katalogeintrages versandt werden.

leo.unglaub hat im Contao-Forum noch weitere [http://www.contao-community.de/showthread.php?3049-E-Mails-mit-dem-TYPOlight-Framework-verschicken&highlight=Email.php Infos darüber geschrieben, wie man individuelle E-Mails mit dem Contao-Framework versendet].

Catalog-Formular mit Empfängeradresse aus Catalog-Item befüllen

2011-04-14T10:35:51Z

Nina: /* 5. Schritt: Catalog Formular Mailer konfigurieren */

{{AppliesTo
|TLVersion=ab 2.8
|Version=ab 2.9
|Ext1=Catalog bis 2.0.0 beta1
}}
[[Category:Catalog]]

==Ziel der Anpassung ==
Das Ziel der nachfolgend beschriebenen Anpassung ist, dass man ein Formular aus dem Formulargenerator im catalog_full Template aufrufen kann, das als Empfänger eine Mailadresse vom aktuellen Catalog-Eintrag nutzt.

So kann zum Beispiel der Besucher in einem Branchenindex die Firmen in der Detailansicht über das Kontaktformular individuell kontaktieren.
==1. Schritt: Formular anlegen ==
Man muss im Formulargenerator ein Formular mit den folgenden Einstellungen erstellen:
* Titel: Dieses Feld wird später im Formular beim Versand der E-Mail als Betreffzeile genutzt.
* Weiterleitungsseite: Hier definiert man die Bestätigungsseite auf die der Besucher nach dem erfolgreichen Absenden weitergeleitet wird.
* Übertragungsmethode: Hier wählt man den Eintrag "POST".
* Formular-ID: Hier gibt man '''catalogform''' ein.{{msgImportant|Man darf keinen Haken bei den Feldern "Per E-Mail versenden" und "Eingaben speichern" setzen!}}Danach legt man im Formular die gewünschten Felder an, die Besucher später ausfüllen sollen. Ein typischer Aufbau für ein einfaches Formular ist:
{|
|valign="top" | '''Feldtyp'''
|valign="top" | '''Feldname'''
|valign="top" | '''Feldbezeichnung'''
|valign="top" | '''Sonstiges'''
|-
|valign="top" | Textfeld
|valign="top" | Name
|valign="top" | Name:
|valign="top" | Haken bei Pflichtfeld
|-
|valign="top" | Textfeld
|valign="top" | Telefon
|valign="top" | Telefon:
|valign="top" | bei Eingabeprüfung '''Telefonnummer''' auswählen
|-
|valign="top" | Textfeld
|valign="top" | Absender
|valign="top" | E-Mail:
|valign="top" | Haken bei Pflichtfeld
|-
|valign="top" | Textarea
|valign="top" | Mitteilung
|valign="top" | Mitteilung:
|valign="top" | Haken bei Pflichtfeld, bei Reihen '''10''' und bei Spalten '''30''' eingeben
|-
|valign="top" | Absendefeld
|valign="top" |
|valign="top" |
|valign="top" | bei Bezeichnung der Absende-Schaltfläche '''Absenden''' eingeben
|}{{msgInfo|Das E-Mail Feld dient im Catalog-Formular als Absendeadresse für die E-Mail.}}
==2. Schritt: Formular als Modul anlegen ==
{{msgInfo|Momentan gibt es leider noch keine direkte Möglichkeit wie man ein Formular per Insert-Tag aufrufen kann (siehe [http://dev.contao.org/issues/3013 Ticket]). Deshalb muss man derzeit noch den beschriebenen Umweg über ein Modul gehen.}}* Man legt ein neues Modul an und benennt es z. B. "Catalog-Formular",
* dann wählt man als Modultyp "Formular" aus und
* danach wählt aus dem Formular-Dropdown den Eintrag mit dem Titel des Formulars, das man bei Schritt 1 angelegt hat.
Im Modul steht oben ein Hinweis nach dem Schema "Datensatz ID ... bearbeiten". Die angegebene ID ) muss man sich merken, da man damit später den Insert-Tag insert_module anlegen kann.
== 3. Schritt: Formularaufruf in Template einbinden ==
Nun muss man den Formularaufruf in das Template für die Detailanzeige der Catalog-Einträge einbinden. Dazu öffnet man im Contao-Backend das Template catalog_full.tpl und trägt an der gewünschten Stelle den Aufruf ein:
<source>{{insert_module::ID}}</source>
ID tauscht man dabei gegen die ID des Moduls aus, in dem man das Formular aufgerufen hat (siehe Schritt 2).
== 4. Schritt: Catalog-Felder modifizieren ==
Das Formular benötigt zwingend in jedem Catalog-Eintrag ein Feld mit der E-Mail-Adresse an die es gesendet werden soll. Wenn es sich z. B. um einen Catalog handelt, der als Firmenliste dient, wird man hier bei den Firmen üblicherweise die offizielle E-Mail-Adresse der Firma hinterlegen.

Man klickt im Contao Backend in der Navigation auf Catalog und klickt dann rechts beim gewünschten Catalog das Funktionssymbol hinter dem sich die Felderkonfiguration verbirgt.

Nun legt man ein neues Feld mit diesen Angaben an:
{|
|valign="top" | Label
|valign="top" | E-Mail
|-
|valign="top" | Description
|valign="top" | Geben Sie die E-Mail Adresse ein.
|-
|valign="top" | Column name
|valign="top" | email
|-
|valign="top" | Type
|valign="top" | Text
|-
|valign="top" | Mandatory
|valign="top" | anhaken, damit das Feld zum Pflichtfeld wird
|} {{msgImportant|Wichtig ist hierbei der Column name (wird in der E-Mail Konfiguration benötigt) und dass das Feld ein Pflichtfeld ist.}}{{msgInfo|Sobald dieses Feld angelegt ist, muss man bei allen bestehenden Einträgen die E-Mail-Adresse einfüllen, damit die Einträge vollständig sind.}}
== 5. Schritt: Catalog Formular Mailer konfigurieren ==
Nun lädt man aus dem Contao-Forum die kleine Erweiterung [http://www.contao-community.de/showthread.php?18843-Catalog-Power-Mailer-Formular-in-catalog_full-mit-indiv.-Empf%E4nger Catalog Formular Mailer] herunter. Diese Erweiterung liegt nicht im Extension Repository, da es sich nur um eine Minimalkonfiguration handelt, die jeder Nutzer noch auf seine jeweiligen Bedürfnisse anpassen muss.

Man entpackt die Erweiterung und öffnet die Datei /system/modules/catalog_power_mailer/CatalogPowerMailer.php mit einem Editor im UTF-8 Zeichensatz.

Wenn man dieser Anleitung exakt folgte, kann man die Datei belassen wie sie ist. Es macht aber Sinn die Abschnitte nochmal zu prüfen:
{|
|valign="top" | '''Zeile'''
|valign="top" | '''Nötige Änderung'''
|-
|valign="top" | 37
|valign="top" | Der Wert catalogform entspricht der Formular ID, die man im entsprechenden Feld "Formular-ID" ganz am Ende der Einstellungen des Formulars definiert hat. Es handelt sich hierbei NICHT um die CSS-ID!
|-
|valign="top" | 48
|valign="top" | Hier gibt man die Datensatz ID des Formulars ein. Man findet sie, indem man im Formulargenerator beim Formular auf das Details-Funktionssymbol (blaues i) klickt.
|-
|valign="top" | 54
|valign="top" | Hier gibt man an, welches Feld aus dem Formular die E-Mail-Adresse des Absenders enthält. Wenn man einen anderen Feldnamen vergeben hat, muss man den Eintrag entsprechend abändern.
|-
|valign="top" | 61-64
|valign="top" | Hier legt man fest, welche Felder als Inhalt der E-Mail versandt werden. Die Variable wird dabei mit dem Inhalt der entsprechenden Felder aus dem Formular befüllt. Die einzelnen Einträge werden mit . "\n" . mit einander verknüpft. Die Angabe von \n bewirkt, dass es in der E-Mail nach jedem Feld einen Zeilenumbruch gibt.
|-
|valign="top" | 70
|valign="top" | Hier muss man cat_beispielkatalog mit dem Namen der Datenbanktabelle ersetzen in der der gewünschte Katalog liegt. Man kann den Tabellennamen in den Katalog-Einstellungen oder direkt in der Datenbank nachlesen.
|}
Sobald man die gewünschten Werte angepasst hat, speichert man die Datei und lädt dann den Ordner contao_power_mailer mit allen darin abgelegten Inhalten per FTP in system/modules/ der Contao-Installation. Es ist nicht notwendig, dass man danach ein Datenbank-Update macht.

Nun sollte das Formular wie gewünscht in den Details der Katalogeinträge erscheinen und an die E-Mail-Adresse des jeweiligen Katalogeintrages versandt werden.

lindesbs hat im Contao-Forum noch weitere [http://www.contao-community.de/showthread.php?3049-E-Mails-mit-dem-TYPOlight-Framework-verschicken&highlight=Email.php Infos darüber geschrieben, wie man individuelle E-Mails mit dem Contao-Framework versendet].

Catalog-Formular mit Empfängeradresse aus Catalog-Item befüllen

2011-04-14T10:34:52Z

Nina: /* 5. Schritt: Catalog Formular Mailer konfigurieren */

{{AppliesTo
|TLVersion=ab 2.8
|Version=ab 2.9
|Ext1=Catalog bis 2.0.0 beta1
}}
[[Category:Catalog]]

==Ziel der Anpassung ==
Das Ziel der nachfolgend beschriebenen Anpassung ist, dass man ein Formular aus dem Formulargenerator im catalog_full Template aufrufen kann, das als Empfänger eine Mailadresse vom aktuellen Catalog-Eintrag nutzt.

So kann zum Beispiel der Besucher in einem Branchenindex die Firmen in der Detailansicht über das Kontaktformular individuell kontaktieren.
==1. Schritt: Formular anlegen ==
Man muss im Formulargenerator ein Formular mit den folgenden Einstellungen erstellen:
* Titel: Dieses Feld wird später im Formular beim Versand der E-Mail als Betreffzeile genutzt.
* Weiterleitungsseite: Hier definiert man die Bestätigungsseite auf die der Besucher nach dem erfolgreichen Absenden weitergeleitet wird.
* Übertragungsmethode: Hier wählt man den Eintrag "POST".
* Formular-ID: Hier gibt man '''catalogform''' ein.{{msgImportant|Man darf keinen Haken bei den Feldern "Per E-Mail versenden" und "Eingaben speichern" setzen!}}Danach legt man im Formular die gewünschten Felder an, die Besucher später ausfüllen sollen. Ein typischer Aufbau für ein einfaches Formular ist:
{|
|valign="top" | '''Feldtyp'''
|valign="top" | '''Feldname'''
|valign="top" | '''Feldbezeichnung'''
|valign="top" | '''Sonstiges'''
|-
|valign="top" | Textfeld
|valign="top" | Name
|valign="top" | Name:
|valign="top" | Haken bei Pflichtfeld
|-
|valign="top" | Textfeld
|valign="top" | Telefon
|valign="top" | Telefon:
|valign="top" | bei Eingabeprüfung '''Telefonnummer''' auswählen
|-
|valign="top" | Textfeld
|valign="top" | Absender
|valign="top" | E-Mail:
|valign="top" | Haken bei Pflichtfeld
|-
|valign="top" | Textarea
|valign="top" | Mitteilung
|valign="top" | Mitteilung:
|valign="top" | Haken bei Pflichtfeld, bei Reihen '''10''' und bei Spalten '''30''' eingeben
|-
|valign="top" | Absendefeld
|valign="top" |
|valign="top" |
|valign="top" | bei Bezeichnung der Absende-Schaltfläche '''Absenden''' eingeben
|}{{msgInfo|Das E-Mail Feld dient im Catalog-Formular als Absendeadresse für die E-Mail.}}
==2. Schritt: Formular als Modul anlegen ==
{{msgInfo|Momentan gibt es leider noch keine direkte Möglichkeit wie man ein Formular per Insert-Tag aufrufen kann (siehe [http://dev.contao.org/issues/3013 Ticket]). Deshalb muss man derzeit noch den beschriebenen Umweg über ein Modul gehen.}}* Man legt ein neues Modul an und benennt es z. B. "Catalog-Formular",
* dann wählt man als Modultyp "Formular" aus und
* danach wählt aus dem Formular-Dropdown den Eintrag mit dem Titel des Formulars, das man bei Schritt 1 angelegt hat.
Im Modul steht oben ein Hinweis nach dem Schema "Datensatz ID ... bearbeiten". Die angegebene ID ) muss man sich merken, da man damit später den Insert-Tag insert_module anlegen kann.
== 3. Schritt: Formularaufruf in Template einbinden ==
Nun muss man den Formularaufruf in das Template für die Detailanzeige der Catalog-Einträge einbinden. Dazu öffnet man im Contao-Backend das Template catalog_full.tpl und trägt an der gewünschten Stelle den Aufruf ein:
<source>{{insert_module::ID}}</source>
ID tauscht man dabei gegen die ID des Moduls aus, in dem man das Formular aufgerufen hat (siehe Schritt 2).
== 4. Schritt: Catalog-Felder modifizieren ==
Das Formular benötigt zwingend in jedem Catalog-Eintrag ein Feld mit der E-Mail-Adresse an die es gesendet werden soll. Wenn es sich z. B. um einen Catalog handelt, der als Firmenliste dient, wird man hier bei den Firmen üblicherweise die offizielle E-Mail-Adresse der Firma hinterlegen.

Man klickt im Contao Backend in der Navigation auf Catalog und klickt dann rechts beim gewünschten Catalog das Funktionssymbol hinter dem sich die Felderkonfiguration verbirgt.

Nun legt man ein neues Feld mit diesen Angaben an:
{|
|valign="top" | Label
|valign="top" | E-Mail
|-
|valign="top" | Description
|valign="top" | Geben Sie die E-Mail Adresse ein.
|-
|valign="top" | Column name
|valign="top" | email
|-
|valign="top" | Type
|valign="top" | Text
|-
|valign="top" | Mandatory
|valign="top" | anhaken, damit das Feld zum Pflichtfeld wird
|} {{msgImportant|Wichtig ist hierbei der Column name (wird in der E-Mail Konfiguration benötigt) und dass das Feld ein Pflichtfeld ist.}}{{msgInfo|Sobald dieses Feld angelegt ist, muss man bei allen bestehenden Einträgen die E-Mail-Adresse einfüllen, damit die Einträge vollständig sind.}}
== 5. Schritt: Catalog Formular Mailer konfigurieren ==
Nun lädt man aus dem Contao-Forum die kleine Erweiterung [http://www.contao-community.de/showthread.php?18843-Catalog-Power-Mailer-Formular-in-catalog_full-mit-indiv.-Empf%E4nger Catalog Formular Mailer] herunter. Diese Erweiterung liegt nicht im Extension Repository, da es sich nur um eine Minimalkonfiguration handelt, die jeder Nutzer noch auf seine jeweiligen Bedürfnisse anpassen muss.

Man entpackt die Erweiterung und öffnet die Datei /system/modules/catalog_power_mailer/CatalogPowerMailer.php mit einem Editor im UTF-8 Zeichensatz.

Wenn man dieser Anleitung exakt folgte, kann man die Datei belassen wie sie ist. Es macht aber Sinn die Abschnitte nochmal zu prüfen:
{|
|valign="top" | '''Zeile'''
|valign="top" | '''Nötige Änderung'''
|-
|valign="top" | 37
|valign="top" | Der Wert catalogform entspricht der Formular ID, die man im entsprechenden Feld "Formular-ID" ganz am Ende der Einstellungen des Formulars definiert hat. Es handelt sich hierbei NICHT um die CSS-ID!
|-
|valign="top" | 48
|valign="top" | Hier gibt man die Datensatz ID des Formulars ein. Man findet sie, indem man im Formulargenerator beim Formular auf das Details-Funktionssymbol (blaues i) klickt.
|-
|valign="top" | 54
|valign="top" | Hier gibt man an, welches Feld aus dem Formular die E-Mail-Adresse des Absenders enthält. Wenn man einen anderen Feldnamen vergeben hat, muss man den Eintrag entsprechend abändern.
|-
|valign="top" | 61-64
|valign="top" | Hier legt man fest, welche Felder als Inhalt der E-Mail versandt werden. Die Variable wird dabei mit dem Inhalt der entsprechenden Felder aus dem Formular befüllt. Die einzelnen werder werden mit . "\n" . mit einander verknüpft. Die Angabe von \n bewirkt, dass es in der E-Mail nach jedem Feld einen Zeilenumbruch gibt.
|-
|valign="top" | 70
|valign="top" | Hier muss man cat_beispielkatalog mit dem Namen der Datenbanktabelle ersetzen in der der gewünschte Katalog liegt. Man kann den Tabellennamen in den Katalog-Einstellungen oder direkt in der Datenbank nachlesen.
|}
Sobald man die gewünschten Werte angepasst hat, speichert man die Datei und lädt dann den Ordner contao_power_mailer mit allen darin abgelegten Inhalten per FTP in system/modules/ der Contao-Installation. Es ist nicht notwendig, dass man danach ein Datenbank-Update macht.

Nun sollte das Formular wie gewünscht in den Details der Katalogeinträge erscheinen und an die E-Mail-Adresse des jeweiligen Katalogeintrages versandt werden.

lindesbs hat im Contao-Forum noch weitere [http://www.contao-community.de/showthread.php?3049-E-Mails-mit-dem-TYPOlight-Framework-verschicken&highlight=Email.php Infos darüber geschrieben, wie man individuelle E-Mails mit dem Contao-Framework versendet].

Catalog-Formular mit Empfängeradresse aus Catalog-Item befüllen

2011-04-14T10:08:22Z

Nina: /* 5. Schritt: Catalog Formular Mailer konfigurieren */

{{AppliesTo
|TLVersion=ab 2.8
|Version=ab 2.9
|Ext1=Catalog bis 2.0.0 beta1
}}
[[Category:Catalog]]

==Ziel der Anpassung ==
Das Ziel der nachfolgend beschriebenen Anpassung ist, dass man ein Formular aus dem Formulargenerator im catalog_full Template aufrufen kann, das als Empfänger eine Mailadresse vom aktuellen Catalog-Eintrag nutzt.

So kann zum Beispiel der Besucher in einem Branchenindex die Firmen in der Detailansicht über das Kontaktformular individuell kontaktieren.
==1. Schritt: Formular anlegen ==
Man muss im Formulargenerator ein Formular mit den folgenden Einstellungen erstellen:
* Titel: Dieses Feld wird später im Formular beim Versand der E-Mail als Betreffzeile genutzt.
* Weiterleitungsseite: Hier definiert man die Bestätigungsseite auf die der Besucher nach dem erfolgreichen Absenden weitergeleitet wird.
* Übertragungsmethode: Hier wählt man den Eintrag "POST".
* Formular-ID: Hier gibt man '''catalogform''' ein.{{msgImportant|Man darf keinen Haken bei den Feldern "Per E-Mail versenden" und "Eingaben speichern" setzen!}}Danach legt man im Formular die gewünschten Felder an, die Besucher später ausfüllen sollen. Ein typischer Aufbau für ein einfaches Formular ist:
{|
|valign="top" | '''Feldtyp'''
|valign="top" | '''Feldname'''
|valign="top" | '''Feldbezeichnung'''
|valign="top" | '''Sonstiges'''
|-
|valign="top" | Textfeld
|valign="top" | Name
|valign="top" | Name:
|valign="top" | Haken bei Pflichtfeld
|-
|valign="top" | Textfeld
|valign="top" | Telefon
|valign="top" | Telefon:
|valign="top" | bei Eingabeprüfung '''Telefonnummer''' auswählen
|-
|valign="top" | Textfeld
|valign="top" | Absender
|valign="top" | E-Mail:
|valign="top" | Haken bei Pflichtfeld
|-
|valign="top" | Textarea
|valign="top" | Mitteilung
|valign="top" | Mitteilung:
|valign="top" | Haken bei Pflichtfeld, bei Reihen '''10''' und bei Spalten '''30''' eingeben
|-
|valign="top" | Absendefeld
|valign="top" |
|valign="top" |
|valign="top" | bei Bezeichnung der Absende-Schaltfläche '''Absenden''' eingeben
|}{{msgInfo|Das E-Mail Feld dient im Catalog-Formular als Absendeadresse für die E-Mail.}}
==2. Schritt: Formular als Modul anlegen ==
{{msgInfo|Momentan gibt es leider noch keine direkte Möglichkeit wie man ein Formular per Insert-Tag aufrufen kann (siehe [http://dev.contao.org/issues/3013 Ticket]). Deshalb muss man derzeit noch den beschriebenen Umweg über ein Modul gehen.}}* Man legt ein neues Modul an und benennt es z. B. "Catalog-Formular",
* dann wählt man als Modultyp "Formular" aus und
* danach wählt aus dem Formular-Dropdown den Eintrag mit dem Titel des Formulars, das man bei Schritt 1 angelegt hat.
Im Modul steht oben ein Hinweis nach dem Schema "Datensatz ID ... bearbeiten". Die angegebene ID ) muss man sich merken, da man damit später den Insert-Tag insert_module anlegen kann.
== 3. Schritt: Formularaufruf in Template einbinden ==
Nun muss man den Formularaufruf in das Template für die Detailanzeige der Catalog-Einträge einbinden. Dazu öffnet man im Contao-Backend das Template catalog_full.tpl und trägt an der gewünschten Stelle den Aufruf ein:
<source>{{insert_module::ID}}</source>
ID tauscht man dabei gegen die ID des Moduls aus, in dem man das Formular aufgerufen hat (siehe Schritt 2).
== 4. Schritt: Catalog-Felder modifizieren ==
Das Formular benötigt zwingend in jedem Catalog-Eintrag ein Feld mit der E-Mail-Adresse an die es gesendet werden soll. Wenn es sich z. B. um einen Catalog handelt, der als Firmenliste dient, wird man hier bei den Firmen üblicherweise die offizielle E-Mail-Adresse der Firma hinterlegen.

Man klickt im Contao Backend in der Navigation auf Catalog und klickt dann rechts beim gewünschten Catalog das Funktionssymbol hinter dem sich die Felderkonfiguration verbirgt.

Nun legt man ein neues Feld mit diesen Angaben an:
{|
|valign="top" | Label
|valign="top" | E-Mail
|-
|valign="top" | Description
|valign="top" | Geben Sie die E-Mail Adresse ein.
|-
|valign="top" | Column name
|valign="top" | email
|-
|valign="top" | Type
|valign="top" | Text
|-
|valign="top" | Mandatory
|valign="top" | anhaken, damit das Feld zum Pflichtfeld wird
|} {{msgImportant|Wichtig ist hierbei der Column name (wird in der E-Mail Konfiguration benötigt) und dass das Feld ein Pflichtfeld ist.}}{{msgInfo|Sobald dieses Feld angelegt ist, muss man bei allen bestehenden Einträgen die E-Mail-Adresse einfüllen, damit die Einträge vollständig sind.}}
== 5. Schritt: Catalog Formular Mailer konfigurieren ==
Nun lädt man aus dem Contao-Forum die kleine Erweiterung [http://www.contao-community.de Catalog Formular Mailer] herunter. Diese Erweiterung liegt nicht im Extension Repository, da es sich nur um eine Minimalkonfiguration handelt, die jeder Nutzer noch auf seine jeweiligen Bedürfnisse anpassen muss.

Man entpackt die Erweiterung und öffnet die Datei /system/modules/catalog_power_mailer/CatalogPowerMailer.php mit einem Editor im UTF-8 Zeichensatz.

Wenn man dieser Anleitung exakt folgte, kann man die Datei belassen wie sie ist. Es macht aber Sinn die Abschnitte nochmal zu prüfen:
{|
|valign="top" | '''Zeile'''
|valign="top" | '''Nötige Änderung'''
|-
|valign="top" | 37
|valign="top" | Der Wert catalogform entspricht der Formular ID, die man im entsprechenden Feld "Formular-ID" ganz am Ende der Einstellungen des Formulars definiert hat. Es handelt sich hierbei NICHT um die CSS-ID!
|-
|valign="top" | 48
|valign="top" | Hier gibt man die Datensatz ID des Formulars ein. Man findet sie, indem man im Formulargenerator beim Formular auf das Details-Funktionssymbol (blaues i) klickt.
|-
|valign="top" | 54
|valign="top" | Hier gibt man an, welches Feld aus dem Formular die E-Mail-Adresse des Absenders enthält. Wenn man einen anderen Feldnamen vergeben hat, muss man den Eintrag entsprechend abändern.
|-
|valign="top" | 61-64
|valign="top" | Hier legt man fest, welche Felder als Inhalt der E-Mail versandt werden. Die Variable wird dabei mit dem Inhalt der entsprechenden Felder aus dem Formular befüllt. Die einzelnen werder werden mit . "\n" . mit einander verknüpft. Die Angabe von \n bewirkt, dass es in der E-Mail nach jedem Feld einen Zeilenumbruch gibt.
|-
|valign="top" | 70
|valign="top" | Hier muss man cat_beispielkatalog mit dem Namen der Datenbanktabelle ersetzen in der der gewünschte Katalog liegt. Man kann den Tabellennamen in den Katalog-Einstellungen oder direkt in der Datenbank nachlesen.
|}
Sobald man die gewünschten Werte angepasst hat, speichert man die Datei und lädt dann den Ordner contao_power_mailer mit allen darin abgelegten Inhalten per FTP in system/modules/ der Contao-Installation. Es ist nicht notwendig, dass man danach ein Datenbank-Update macht.

Nun sollte das Formular wie gewünscht in den Details der Katalogeinträge erscheinen und an die E-Mail-Adresse des jeweiligen Katalogeintrages versandt werden.

lindesbs hat im Contao-Forum noch weitere [http://www.contao-community.de/showthread.php?3049-E-Mails-mit-dem-TYPOlight-Framework-verschicken&highlight=Email.php Infos darüber geschrieben, wie man individuelle E-Mails mit dem Contao-Framework versendet].

Catalog-Formular mit Empfängeradresse aus Catalog-Item befüllen

2011-04-14T10:07:14Z

Nina: /* Ziel der Anpassung */

{{AppliesTo
|TLVersion=ab 2.8
|Version=ab 2.9
|Ext1=Catalog bis 2.0.0 beta1
}}
[[Category:Catalog]]

==Ziel der Anpassung ==
Das Ziel der nachfolgend beschriebenen Anpassung ist, dass man ein Formular aus dem Formulargenerator im catalog_full Template aufrufen kann, das als Empfänger eine Mailadresse vom aktuellen Catalog-Eintrag nutzt.

So kann zum Beispiel der Besucher in einem Branchenindex die Firmen in der Detailansicht über das Kontaktformular individuell kontaktieren.
==1. Schritt: Formular anlegen ==
Man muss im Formulargenerator ein Formular mit den folgenden Einstellungen erstellen:
* Titel: Dieses Feld wird später im Formular beim Versand der E-Mail als Betreffzeile genutzt.
* Weiterleitungsseite: Hier definiert man die Bestätigungsseite auf die der Besucher nach dem erfolgreichen Absenden weitergeleitet wird.
* Übertragungsmethode: Hier wählt man den Eintrag "POST".
* Formular-ID: Hier gibt man '''catalogform''' ein.{{msgImportant|Man darf keinen Haken bei den Feldern "Per E-Mail versenden" und "Eingaben speichern" setzen!}}Danach legt man im Formular die gewünschten Felder an, die Besucher später ausfüllen sollen. Ein typischer Aufbau für ein einfaches Formular ist:
{|
|valign="top" | '''Feldtyp'''
|valign="top" | '''Feldname'''
|valign="top" | '''Feldbezeichnung'''
|valign="top" | '''Sonstiges'''
|-
|valign="top" | Textfeld
|valign="top" | Name
|valign="top" | Name:
|valign="top" | Haken bei Pflichtfeld
|-
|valign="top" | Textfeld
|valign="top" | Telefon
|valign="top" | Telefon:
|valign="top" | bei Eingabeprüfung '''Telefonnummer''' auswählen
|-
|valign="top" | Textfeld
|valign="top" | Absender
|valign="top" | E-Mail:
|valign="top" | Haken bei Pflichtfeld
|-
|valign="top" | Textarea
|valign="top" | Mitteilung
|valign="top" | Mitteilung:
|valign="top" | Haken bei Pflichtfeld, bei Reihen '''10''' und bei Spalten '''30''' eingeben
|-
|valign="top" | Absendefeld
|valign="top" |
|valign="top" |
|valign="top" | bei Bezeichnung der Absende-Schaltfläche '''Absenden''' eingeben
|}{{msgInfo|Das E-Mail Feld dient im Catalog-Formular als Absendeadresse für die E-Mail.}}
==2. Schritt: Formular als Modul anlegen ==
{{msgInfo|Momentan gibt es leider noch keine direkte Möglichkeit wie man ein Formular per Insert-Tag aufrufen kann (siehe [http://dev.contao.org/issues/3013 Ticket]). Deshalb muss man derzeit noch den beschriebenen Umweg über ein Modul gehen.}}* Man legt ein neues Modul an und benennt es z. B. "Catalog-Formular",
* dann wählt man als Modultyp "Formular" aus und
* danach wählt aus dem Formular-Dropdown den Eintrag mit dem Titel des Formulars, das man bei Schritt 1 angelegt hat.
Im Modul steht oben ein Hinweis nach dem Schema "Datensatz ID ... bearbeiten". Die angegebene ID ) muss man sich merken, da man damit später den Insert-Tag insert_module anlegen kann.
== 3. Schritt: Formularaufruf in Template einbinden ==
Nun muss man den Formularaufruf in das Template für die Detailanzeige der Catalog-Einträge einbinden. Dazu öffnet man im Contao-Backend das Template catalog_full.tpl und trägt an der gewünschten Stelle den Aufruf ein:
<source>{{insert_module::ID}}</source>
ID tauscht man dabei gegen die ID des Moduls aus, in dem man das Formular aufgerufen hat (siehe Schritt 2).
== 4. Schritt: Catalog-Felder modifizieren ==
Das Formular benötigt zwingend in jedem Catalog-Eintrag ein Feld mit der E-Mail-Adresse an die es gesendet werden soll. Wenn es sich z. B. um einen Catalog handelt, der als Firmenliste dient, wird man hier bei den Firmen üblicherweise die offizielle E-Mail-Adresse der Firma hinterlegen.

Man klickt im Contao Backend in der Navigation auf Catalog und klickt dann rechts beim gewünschten Catalog das Funktionssymbol hinter dem sich die Felderkonfiguration verbirgt.

Nun legt man ein neues Feld mit diesen Angaben an:
{|
|valign="top" | Label
|valign="top" | E-Mail
|-
|valign="top" | Description
|valign="top" | Geben Sie die E-Mail Adresse ein.
|-
|valign="top" | Column name
|valign="top" | email
|-
|valign="top" | Type
|valign="top" | Text
|-
|valign="top" | Mandatory
|valign="top" | anhaken, damit das Feld zum Pflichtfeld wird
|} {{msgImportant|Wichtig ist hierbei der Column name (wird in der E-Mail Konfiguration benötigt) und dass das Feld ein Pflichtfeld ist.}}{{msgInfo|Sobald dieses Feld angelegt ist, muss man bei allen bestehenden Einträgen die E-Mail-Adresse einfüllen, damit die Einträge vollständig sind.}}
== 5. Schritt: Catalog Formular Mailer konfigurieren ==
Nun lädt man aus dem Contao-Forum die kleine Erweiterung [http://www.contao-community.de Catalog Formular Mailer] herunter. Diese Erweiterung liegt nicht im Extension Repository, da es sich nur um eine Minimalkonfiguration handelt, die jeder Nutzer noch auf seine jeweiligen Bedürfnisse anpassen muss.

Man entpackt die Erweiterung und öffnet die Datei /system/modules/catalog_power_mailer/CatalogPowerMailer.php mit einem Editor im UTF-8 Zeichensatz.

Wenn man dieser Anleitung exakt folgte, kann man die Datei belassen wie sie ist. Es macht aber Sinn die Abschnitte nochmal zu prüfen:
{|
|valign="top" | '''Zeile'''
|valign="top" | '''Nötige Änderung'''
|-
|valign="top" | 37
|valign="top" | Der Wert catalogform entspricht der Formular ID, die man im entsprechenden Feld "Formular-ID" ganz am Ende der Einstellungen des Formulars definiert hat. Es handelt sich hierbei NICHT um die CSS-ID!
|-
|valign="top" | 48
|valign="top" | Hier gibt man die Datensatz ID des Formulars ein. Man findet sie, indem man im Formulargenerator beim Formular auf das Details-Funktionssymbol (blaues i) klickt.
|-
|valign="top" | 54
|valign="top" | Hier gibt man an, welches Feld aus dem Formular die E-Mail-Adresse des Absenders enthält. Wenn man einen anderen Feldnamen vergeben hat, muss man den Eintrag entsprechend abändern.
|-
|valign="top" | 61-64
|valign="top" | Hier legt man fest, welche Felder als Inhalt der E-Mail versandt werden. Die Variable wird dabei mit dem Inhalt der entsprechenden Felder aus dem Formular befüllt. Die einzelnen werder werden mit . "\n" . mit einander verknüpft. Die Angabe von \n bewirkt, dass es in der E-Mail nach jedem Feld einen Zeilenumbruch gibt.
|-
|valign="top" | 70
|valign="top" | Hier muss man cat_beispielkatalog mit dem Namen der Datenbanktabelle ersetzen in der der gewünschte Katalog liegt. Man kann den Tabellennamen in den Katalog-Einstellungen oder direkt in der Datenbank nachlesen.
|}
Sobald man die gewünschten Werte angepasst hat, speichert man die Datei und lädt dann den Ordner contao_power_mailer mit allen darin abgelegten Inhalten per FTP in system/modules/ der Contao-Installation. Es ist nicht notwendig, dass man danach ein Datenbank-Update macht.

Nun sollte das Formular wie gewünscht in den Details der Katalogeinträge erscheinen und an die E-Mail-Adresse des jeweiligen Katalogeintrages versandt werden.{{msgInfo|lindesbs hat im Contao-Forum noch weitere [http://www.contao-community.de/showthread.php?3049-E-Mails-mit-dem-TYPOlight-Framework-verschicken&highlight=Email.php Infos darüber geschrieben, wie man individuelle E-Mails mit dem Contao-Framework versendet].}}

Catalog-Formular mit Empfängeradresse aus Catalog-Item befüllen

2011-04-14T09:51:46Z

Nina:

Catalog-Formular mit Empfängeradresse aus Catalog-Item befüllen

2011-04-14T09:51:36Z

Nina:

Catalog-Formular mit Empfängeradresse aus Catalog-Item befüllen

2011-04-14T09:43:52Z

Nina: Die Seite wurde neu angelegt: „{{AppliesTo |TLVersion=ab 2.8 |Version=ab 2.9 |Ext1=Catalog bis 2.0.0 beta1 }} Category:Catalog ==Ziel der Anpassung == Das Ziel der nachfolgend beschriebene…“

Catalog mit Google Map Anfahrtskarte

2011-04-09T17:37:13Z

Nina: /* Aufruf für GoogleMap Anfahrtskarte ins Layout einbinden */

{{AppliesTo
|TLVersion=ab 2.8
|Version=ab 2.9
|Ext1=Catalog bis 2.0.0 beta1
}}
[[Category:Extensions]]
[[Category:Catalog]]

==Catalog GoogleMap Anfahrtskarte einbinden==

Es gibt viele Möglichkeiten, wie man für das [[Catalog|Catalog Modul]] im Frontend bei den Einträgen eine GoogleMap Anfahrtskarte darstellt. Diese Anleitung beschreibt einen ganz einfachen Weg wie man die GoogleMap einbinden kann.

==Koordinatenfelder in den Catalog-Eigenschaften (Backend)==
Der erste Schritt ist das Hinzufügen von zwei neuen Feldern für die Eingabe der Koordinaten in den Catalog.

'''Eigenschaften für das 1. Feld:'''
* Label: Breitengrad
* Description: GoogleMap-Breitengrad eingeben
* Column name: geocoord_breitengrad
* Type: Text
* Mandatory: anhaken

'''Eigenschaften für das 2. Feld:'''
* Label: Längengrad
* Description: GoogleMap-Längengrad eingeben
* Column name: geocoord_laengengrad
* Type: Text
* Mandatory: anhaken

Wie in der Beschreibung angegeben, können die Backend-Nutzer auf der Internetseite http://www.mapcoordinates.net/de einfach die gewünschten Koordinaten herausfinden.

==Catalog-Reader anpassen==
[[Catalog_Templates_anpassen|Catalog Templates anpassen]]

Nun bearbeitet man im Backend das Template des Catalog-Readers (normalerweise catalog_full.tpl) und ergänzt dort an der gewünschten Stelle diesen Code zur Ausgabe der Anfahrtskarte. Die Größe der Karte, der Zoom-Faktor, etc. sind im Beispiel bereits vorgegeben. Natürlich kann das jeder nach seinen Bedürfnissen anpassen und den Code ergänzen.

<source lang="php">


<?php
// die Variable befuellen
$cat_glob_coords = $entry['data']['geocoord_breitengrad']['value'] . "," . $entry['data']['geocoord_laengengrad']['value'];
?>

<div class="mod_cat_googlemaps block">

<div class="cat_googlemap block" id="cat_googlemap_1" style="width:590px;height:250px;">
<noscript>
<p>
<img src="http://maps.google.com/maps/api/staticmap?center=<?php echo $cat_glob_coords; ?>&zoom=13&maptype=roadmap&sensor=false&language=de&size=590x250&markers=<?php echo $cat_glob_coords; ?>" alt="" />
</p>
</noscript>
</div>

<script type="text/javascript">
//<![CDATA[

function gmap1_initialize() {
var gmap1_Options = {
zoom: 13,
center: new google.maps.LatLng(<?php echo $cat_glob_coords; ?>),
mapTypeId: google.maps.MapTypeId.ROADMAP,
draggable: true,
disableDoubleClickZoom: true,
scrollwheel: true,
streetViewControl: true,
mapTypeControl: true,
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.DEFAULT,
position: google.maps.ControlPosition.TOP_RIGHT,
mapTypeIds: [
google.maps.MapTypeId.ROADMAP
]
},
navigationControl: true,
navigationControlOptions: {
style: google.maps.NavigationControlStyle.DEFAULT,
position: google.maps.ControlPosition.TOP_LEFT
},
scaleControl: true,
scaleControlOptions: {
position: google.maps.ControlPosition.BOTTOM_LEFT
}
}
var gmap1 = new google.maps.Map(document.getElementById("cat_googlemap_1"), gmap1_Options);
var gmap1_0_marker = new google.maps.Marker({
position: new google.maps.LatLng(<?php echo $cat_glob_coords; ?>),
map: gmap1,
zIndex: 1
});

if(window.gmap1_dynmap){
gmap1_dynmap(gmap1);
}

}

window.setTimeout("gmap1_initialize()", 500);

//]]>
</script>

</div>


</source>

==Aufruf für GoogleMap Anfahrtskarte ins Layout einbinden==

Abschließend muss nun im Layout das auf der Catalog-Reader Seite genutzt wird, der Aufruf für GoogleMap eingebunden werden. Bearbeitet dazu das betroffene Layout (bei Layout -> Themes) und fügt in das Feld 'Zusätzliche <head>-Tags' folgendes ein:

<source>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?language=&sensor=false"></script>
</source>

Das war's! Wenn ihr jetzt die Details eines Catalog-Eintrages im Frontend aufruft, müsstet ihr die dazu passende Anfahrtskarte sehen (vorausgesetzt natürlich, ihr habt im Backend die Koordinatenfelder befüllt).

Catalog mit Google Map Anfahrtskarte

2011-04-09T17:34:03Z

Nina: Die Seite wurde neu angelegt: „{{AppliesTo |TLVersion=ab 2.8 |Version=ab 2.9 |Ext1=Catalog bis 2.0.0 beta1 }} Category:Extensions Category:Catalog ==Catalog GoogleMap Anfahrtskarte ein…“

{{AppliesTo
|TLVersion=ab 2.8
|Version=ab 2.9
|Ext1=Catalog bis 2.0.0 beta1
}}
[[Category:Extensions]]
[[Category:Catalog]]

==Catalog GoogleMap Anfahrtskarte einbinden==

Es gibt viele Möglichkeiten, wie man für das [[Catalog|Catalog Modul]] im Frontend bei den Einträgen eine GoogleMap Anfahrtskarte darstellt. Diese Anleitung beschreibt einen ganz einfachen Weg wie man die GoogleMap einbinden kann.

==Koordinatenfelder in den Catalog-Eigenschaften (Backend)==
Der erste Schritt ist das Hinzufügen von zwei neuen Feldern für die Eingabe der Koordinaten in den Catalog.

'''Eigenschaften für das 1. Feld:'''
* Label: Breitengrad
* Description: GoogleMap-Breitengrad eingeben
* Column name: geocoord_breitengrad
* Type: Text
* Mandatory: anhaken

'''Eigenschaften für das 2. Feld:'''
* Label: Längengrad
* Description: GoogleMap-Längengrad eingeben
* Column name: geocoord_laengengrad
* Type: Text
* Mandatory: anhaken

Wie in der Beschreibung angegeben, können die Backend-Nutzer auf der Internetseite http://www.mapcoordinates.net/de einfach die gewünschten Koordinaten herausfinden.

==Catalog-Reader anpassen==
[[Catalog_Templates_anpassen|Catalog Templates anpassen]]

Nun bearbeitet man im Backend das Template des Catalog-Readers (normalerweise catalog_full.tpl) und ergänzt dort an der gewünschten Stelle diesen Code zur Ausgabe der Anfahrtskarte. Die Größe der Karte, der Zoom-Faktor, etc. sind im Beispiel bereits vorgegeben. Natürlich kann das jeder nach seinen Bedürfnissen anpassen und den Code ergänzen.

<source lang="php">


<?php
// die Variable befuellen
$cat_glob_coords = $entry['data']['geocoord_breitengrad']['value'] . "," . $entry['data']['geocoord_laengengrad']['value'];
?>

<div class="mod_cat_googlemaps block">

<div class="cat_googlemap block" id="cat_googlemap_1" style="width:590px;height:250px;">
<noscript>
<p>
<img src="http://maps.google.com/maps/api/staticmap?center=<?php echo $cat_glob_coords; ?>&zoom=13&maptype=roadmap&sensor=false&language=de&size=590x250&markers=<?php echo $cat_glob_coords; ?>" alt="" />
</p>
</noscript>
</div>

<script type="text/javascript">
//<![CDATA[

function gmap1_initialize() {
var gmap1_Options = {
zoom: 13,
center: new google.maps.LatLng(<?php echo $cat_glob_coords; ?>),
mapTypeId: google.maps.MapTypeId.ROADMAP,
draggable: true,
disableDoubleClickZoom: true,
scrollwheel: true,
streetViewControl: true,
mapTypeControl: true,
mapTypeControlOptions: {
style: google.maps.MapTypeControlStyle.DEFAULT,
position: google.maps.ControlPosition.TOP_RIGHT,
mapTypeIds: [
google.maps.MapTypeId.ROADMAP
]
},
navigationControl: true,
navigationControlOptions: {
style: google.maps.NavigationControlStyle.DEFAULT,
position: google.maps.ControlPosition.TOP_LEFT
},
scaleControl: true,
scaleControlOptions: {
position: google.maps.ControlPosition.BOTTOM_LEFT
}
}
var gmap1 = new google.maps.Map(document.getElementById("cat_googlemap_1"), gmap1_Options);
var gmap1_0_marker = new google.maps.Marker({
position: new google.maps.LatLng(<?php echo $cat_glob_coords; ?>),
map: gmap1,
zIndex: 1
});

if(window.gmap1_dynmap){
gmap1_dynmap(gmap1);
}

}

window.setTimeout("gmap1_initialize()", 500);

//]]>
</script>

</div>


</source>

==Aufruf für GoogleMap Anfahrtskarte ins Layout einbinden==

Abschließend muss nun im Layout das auf der Catalog-Reader Seite genutzt wird, der Aufruf für GoogleMap eingebunden werden. Bearbeitet dazu das betroffene Layout (bei Layout -> Themes) und fügt in das Feld 'Zusätzliche <head>-Tags' folgendes ein:

<source lang="html">
<script type="text/javascript" src="http://maps.google.com/maps/api/js?language=&sensor=false"></script>
</source>

Das war's! Wenn ihr jetzt die Details eines Catalog-Eintrages im Frontend aufruft, müsstet ihr die dazu passende Anfahrtskarte sehen (vorausgesetzt natürlich, ihr habt im Backend die Koordinatenfelder befüllt).

Breite der Bildunterschrift anpassen

2011-04-08T19:15:49Z

Nina: Die Seite wurde neu angelegt: „Wenn die Bildunterschrift etwas länger ausfällt wird das entsprechende DIV deutlich breiter als das eigentliche Bild. In den meisten Fällen sieht das ziemlich …“

Wenn die Bildunterschrift etwas länger ausfällt wird das entsprechende DIV deutlich breiter als das eigentliche Bild. In den meisten Fällen sieht das ziemlich dumm aus, so dass es besser wäre, wenn das Feld genauso breit ist wie das zugeordnete Bild. Netterweise gibt es inzwischen eine Variable die die Breite des Bildes ausgibt, so dass es sehr leicht ist, die Bildunterschrift entsprechend anzupassen.

Man muss dabei allerdings bedenken, dass die Bildunterschrift in sehr vielen Templates vorkommt. Ich zeige deshalb hier nur den Code den man einfügen muss. In welches Template man das dann packt, ist jedem selbst überlassen. Ich mache es meist zumindest im ce_text.tpl - aber auch die Templates news_full.tpl und gallery_default.tpl sind bei den meisten Seiten im Gebrauch.

Öffnet einfach das gewünschte Core-Template und macht aus dem Abschnitt:

<source lang="php"><div class="caption"><?php echo $this->caption; ?></div></source>

das hier:

<source lang="php"><div class="caption" style="width: <?php echo $this->width; ?>px"><?php echo $this->caption; ?></div></source>

Falls ihr für die .caption-Klasse schon andere Werte wie Padding, Margin oder Border verwenden wollt, macht es Sinn, dass ihr einen anderen Weg geht um keine Boxmodell-Probleme auszulösen. In dem Fall könnt ihr einfach ein neues DIV ergänzen und den Code-Abschnitt z. B. so modifizieren:

<source lang="php"><div class="cap_outside" style="width: <?php echo $this->width; ?>px"><div class="caption"><?php echo $this->caption; ?></div></div></source>