Yamltools - Versionsgeschichte

Manitougs: div. Korrekturen

2010-09-12T11:39:43Z

div. Korrekturen

Hschottm am 11. September 2010 um 13:35 Uhr

2010-09-11T13:35:05Z

Hschottm: /* Horizontale Listennavigation */

2010-09-11T12:36:42Z

‎Horizontale Listennavigation

Hschottm am 11. September 2010 um 09:59 Uhr

2010-09-11T09:59:40Z

Hschottm am 11. September 2010 um 09:01 Uhr

2010-09-11T09:01:04Z

Hschottm: /* Vertikale Listennavigation */

2010-09-11T08:54:38Z

‎Vertikale Listennavigation

Hschottm: /* Horizontale Listennavigation */

2010-09-11T08:54:20Z

‎Horizontale Listennavigation

Hschottm: Die Seite wurde neu angelegt: „Kategorie:Extensions Einige Dinge, die man unbedingt haben sollte, wenn man YAML einsetzt. {{ExtInfo | Dev=Helmut Schottmüller (hschottm)…“

2010-09-11T08:53:09Z

Die Seite wurde neu angelegt: „Kategorie:Extensions Einige Dinge, die man unbedingt haben sollte, wenn man YAML einsetzt. {{ExtInfo | Dev=Helmut Schottmüller (hschottm)…“

Neue Seite

[[Kategorie:Extensions]]

Einige Dinge, die man unbedingt haben sollte, wenn man YAML einsetzt.

{{ExtInfo
| Dev=Helmut Schottmüller ([[User:hschottm|hschottm]])
| DevSite=http://www.aurealis.de
| ExtVersion=1.0.4
| Version=ab 2.8.0
| ERLink=http://www.contao.org/erweiterungsliste/view/yamltools.de.html
| DonateLink=http://aurealis.de/spenden.html
}}

== yamltools (YAML-Werkzeuge) ==

Die Erweiterung yamltools fügt zusätzliche TYPOlight-Templates für alle Nutzer hinzu, die das [http://www.yaml.de/ YAML] (Yet Another Multicolumn Layout) CSS-Framework anstelle des TPYOlight CSS-Frameworks verwenden. Wenn Sie nicht das YAML CSS-Framework verwenden, dann sollten Sie diese Erweiterung NICHT installieren.

''yamltools geht davon aus, dass Sie mindestens die Version 3.1 des YAML-Frameworks verwenden, in dem es vereinheitlichte Bezeichner für die Listenausgaben (hlist und vlist) gibt und außerdem dem YAML Formularbaukasten.''

=== Horizontale Listennavigation ===
Neues Template nav_yaml.tpl: Benutzen Sie dieses Template mit den TYPOlight Navigations-Modulen, um die horizontale Listennavigation mit den YAML-Dateien nav_shinybuttons.css oder nav_slidingdoor.css ohne große Änderungen verwenden zu können.

Die horizontale Listennavigation mit YAML erfordert unter Verwendung der üblichen CSS-Dateien nav_shinybuttons.css für die Shiny Buttons Navigation und nav_slidingdoor.css für die Sliding Door Navigation die folgende HTML-Struktur der Liste:

<code html><div class="hlist" >
<ul>
<li class="active"><strong>Eintrag 1</strong></li>
<li><a href="#">Eintrag 2</a></li>
<li><a href="#">Eintrag 3</a></li>
<li><a href="#">Eintrag 4</a></li>
<li><a href="#">Eintrag 5</a></li>
</ul>
</div></code>

Diese Struktur wird durch den Einsatz des Templates nav_yaml in den TYPOlight Navigationsmodulen erzeugt.

{{Achtung|Bitte beachten Sie, dass Sie die CSS-Klasse '''hlist''' im jeweiligen TYPOlight-Modul noch unter CSS-ID und Klasse zuweisen (eintragen) müssen.}}

=== Vertikale Listennavigation ===
Neues Template nav_yaml_vlist.tpl: Benutzen Sie dieses Template mit den TYPOlight Navigations-Modulen, um die vertikale Listennavigation mit der YAML-Datei nav_vlist.css ohne große Änderungen verwenden zu können.

Die vertikale Listennavigation mit YAML erfordert die die folgende HTML-Struktur der Liste:

<code html><h6 class="vlist">Titel</h6>
<ul class="vlist">
<li><a href="#">Eintrag 1</a></li>
<li><a href="#">Eintrag 2</a></li>
<li class="active"><strong>Eintrag 3</strong></li>
<li><a href="#">Eintrag 4</a></li>
<li><a href="#">Eintrag 5</a></li>
</ul></code>

Die CSS-Klasse vlist wird automatisch bei der Verwendung des nav_yaml_vlist-Templates eingetragen und muss nicht extra in das CSS-Klasse-Feld des TYPOlight Backend-Moduls eingetragen werden.

Der Titel der vertikalen Listennavigation kann im Modul '''Navigationsmenü''' abgeschaltet werden, für den Fall, dass Sie lediglich die vertikale Liste ohne einen Titel ausgeben wollen. Bei der Verwendung des nav_yaml_vlist-Templates wird immer automatisch der Titel der in der Seitenhierarchie übergeordneten Seite im Listentitel angezeigt. Handelt es sich um die oberste Ebene einer Website, so wird der Website-Titel verwendet, der in TYPOlight eingetragen ist.

[[Datei:yaml_settings_vlist.png|center|frame|Ein-/Ausblenden des vertikalen Listentitels im Navigationsmenü-Modul]]

=== Formularbaukasten ===
Modifiziertes Template form_widget.tpl: Dieses Template und einige Erweiterungen im Quellcode führen dazu, dass Sie ohne Änderungen den YAML Formularbaukasten mit TYPOlight-Formularen verwenden können. Fügen Sie dazu lediglich die Klasse yform zu Ihrer Formularklasse hinzu und binden Sie das YAML-Stylesheet für Formulare form.css in Ihre Stylesheets ein. Wichtig ist natürlich, dass Sie eine tabellenlose Ausgabe für Ihre Formulare wählen.

Alternativ zur vertikal ausgerichteten Darstellung von Labeln und Formularelementen bietet der YAML Formularbaukasten noch eine alternative Darstellungsvariante. Über die CSS-Klasse columnar, die Sie zusätzlich zur Klasse yform Ihrem Formular zuweisen müssen, wird auf eine spaltenartige Darstellung gewechselt.

Um eine Gruppierung einzelner Formularfelder mit Hilfe des HTML '''fieldset''' Tags zu erreichen, ist es empfehlenswert, die TYPOlight-Erweiterung '''formfieldset''' zu installieren.

[[Datei:yaml_formbuilder.png|center|frame|Ausgabe eines TYPOlight-Formulars mit Unterstützung der YAML Formbuilder-Klassen]]

--[[Benutzer:Hschottm|Hschottm]] 10:53, 11. Sep. 2010 (CEST)

@@ Zeile 15: / Zeile 15: @@
 == yamltools (YAML-Werkzeuge) ==
-Die Erweiterung yamltools fügt zusätzliche Contao-Templates für alle Nutzer hinzu, die das [http://www.yaml.de/ YAML] (Yet Another Multicolumn Layout) CSS-Framework anstelle des TPYOlight CSS-Frameworks verwenden. Wenn Sie nicht das YAML CSS-Framework verwenden, dann sollten Sie diese Erweiterung NICHT installieren.
+Die Erweiterung yamltools fügt zusätzliche Contao-Templates für alle Nutzer hinzu, die das [http://www.yaml.de/ YAML] (Yet Another Multicolumn Layout) CSS-Framework anstelle des Contao CSS-Frameworks verwenden. Wenn man das YAML CSS-Framework nicht verwendet, dann sollte man diese Erweiterung NICHT installieren.
-''yamltools geht davon aus, dass Sie mindestens die Version 3.1 des YAML-Frameworks verwenden, in dem es vereinheitlichte Bezeichner für die Listenausgaben (hlist und vlist) gibt und außerdem dem YAML Formularbaukasten.''
+''yamltools geht davon aus, dass man mindestens die Version 3.1 des YAML-Frameworks verwendet, in dem es vereinheitlichte Bezeichner für die Listenausgaben (hlist und vlist) gibt und außerdem dem YAML Formularbaukasten.''
 === Horizontale Listennavigation ===
-Neues Template nav_yaml.tpl: Benutzen Sie dieses Template mit den Contao Navigations-Modulen, um die horizontale Listennavigation mit den YAML-Dateien nav_shinybuttons.css oder nav_slidingdoor.css ohne große Änderungen verwenden zu können.
+Neues Template nav_yaml.tpl: Man benutzt dieses Template mit den Contao Navigations-Modulen, um die horizontale Listennavigation mit den YAML-Dateien nav_shinybuttons.css oder nav_slidingdoor.css ohne große Änderungen verwenden zu können.
 Die horizontale Listennavigation mit YAML erfordert unter Verwendung der üblichen CSS-Dateien nav_shinybuttons.css für die Shiny Buttons Navigation und nav_slidingdoor.css für die Sliding Door Navigation die folgende HTML-Struktur der Liste:
@@ Zeile 36: / Zeile 36: @@
 Diese Struktur wird durch den Einsatz des Templates nav_yaml in den Contao Navigationsmodulen erzeugt.
-{{msgImportant|Bitte beachten Sie, dass Sie die CSS-Klasse '''hlist''' im jeweiligen Contao-Modul noch unter CSS-ID und Klasse zuweisen (eintragen) müssen.}}
+{{msgImportant|Es ist zu beachten, dass man die CSS-Klasse '''hlist''' im jeweiligen Contao-Modul noch unter CSS-ID und Klasse zuweisen (eintragen) muss.}}
 === Vertikale Listennavigation ===
-Neues Template nav_yaml_vlist.tpl: Benutzen Sie dieses Template mit den Contao Navigations-Modulen, um die vertikale Listennavigation mit der YAML-Datei nav_vlist.css ohne große Änderungen verwenden zu können.
+Neues Template nav_yaml_vlist.tpl: Man benutzt dieses Template mit den Contao Navigations-Modulen, um die vertikale Listennavigation mit der YAML-Datei nav_vlist.css ohne große Änderungen verwenden zu können.
 Die vertikale Listennavigation mit YAML erfordert die die folgende HTML-Struktur der Liste:
@@ Zeile 54: / Zeile 54: @@
 Die CSS-Klasse vlist wird automatisch bei der Verwendung des nav_yaml_vlist-Templates eingetragen und muss nicht extra in das CSS-Klasse-Feld des Contao Backend-Moduls eingetragen werden.
-Der Titel der vertikalen Listennavigation kann im Modul '''Navigationsmenü''' abgeschaltet werden, für den Fall, dass Sie lediglich die vertikale Liste ohne einen Titel ausgeben wollen. Bei der Verwendung des nav_yaml_vlist-Templates wird immer automatisch der Titel der in der Seitenhierarchie übergeordneten Seite im Listentitel angezeigt. Handelt es sich um die oberste Ebene einer Website, so wird der Website-Titel verwendet, der in Contao eingetragen ist.
+Der Titel der vertikalen Listennavigation kann im Modul '''Navigationsmenü''' abgeschaltet werden, für den Fall, dass man lediglich die vertikale Liste ohne einen Titel ausgeben will. Bei der Verwendung des nav_yaml_vlist-Templates wird immer automatisch der Titel der in der Seitenhierarchie übergeordneten Seite im Listentitel angezeigt. Handelt es sich um die oberste Ebene einer Website, so wird der Website-Titel verwendet, der in Contao eingetragen ist.
 [[Datei:yaml_settings_vlist.png|center|frame|Ein-/Ausblenden des vertikalen Listentitels im Navigationsmenü-Modul]]
 === Formularbaukasten ===
-Modifiziertes Template form_widget.tpl: Dieses Template und einige Erweiterungen im Quellcode führen dazu, dass Sie ohne Änderungen den YAML Formularbaukasten mit Contao-Formularen verwenden können. Fügen Sie dazu lediglich die Klasse yform zu Ihrer Formularklasse hinzu und binden Sie das YAML-Stylesheet für Formulare form.css in Ihre Stylesheets ein. Wichtig ist natürlich, dass Sie eine tabellenlose Ausgabe für Ihre Formulare wählen.
+Modifiziertes Template form_widget.tpl: Dieses Template und einige Erweiterungen im Quellcode führen dazu, dass man ohne Änderungen den YAML Formularbaukasten mit Contao-Formularen verwenden kann. Man fügt dazu lediglich die Klasse yform zu der Formularklasse hinzu und bindet das YAML-Stylesheet für Formulare form.css in Ihre Stylesheets ein. Wichtig ist natürlich, dass man eine tabellenlose Ausgabe für Ihre Formulare wählt.
-Alternativ zur vertikal ausgerichteten Darstellung von Labeln und Formularelementen bietet der YAML Formularbaukasten noch eine alternative Darstellungsvariante. Über die CSS-Klasse columnar, die Sie zusätzlich zur Klasse yform Ihrem Formular zuweisen müssen, wird auf eine spaltenartige Darstellung gewechselt.
+Alternativ zur vertikal ausgerichteten Darstellung von Labeln und Formularelementen bietet der YAML Formularbaukasten noch eine alternative Darstellungsvariante. Über die CSS-Klasse columnar, die man zusätzlich zur Klasse yform dem Formular zuweisen muss, wird auf eine spaltenartige Darstellung gewechselt.
 Um eine Gruppierung einzelner Formularfelder mit Hilfe des HTML '''fieldset''' Tags zu erreichen, ist es empfehlenswert, die Contao-Erweiterung '''formfieldset''' zu installieren.

@@ Zeile 36: / Zeile 36: @@
 Diese Struktur wird durch den Einsatz des Templates nav_yaml in den Contao Navigationsmodulen erzeugt.
-{{Wichtig|Bitte beachten Sie, dass Sie die CSS-Klasse '''hlist''' im jeweiligen Contao-Modul noch unter CSS-ID und Klasse zuweisen (eintragen) müssen.}}
+{{msgImportant|Bitte beachten Sie, dass Sie die CSS-Klasse '''hlist''' im jeweiligen Contao-Modul noch unter CSS-ID und Klasse zuweisen (eintragen) müssen.}}
 === Vertikale Listennavigation ===

@@ Zeile 36: / Zeile 36: @@
 Diese Struktur wird durch den Einsatz des Templates nav_yaml in den Contao Navigationsmodulen erzeugt.
-{{Achtung|Bitte beachten Sie, dass Sie die CSS-Klasse '''hlist''' im jeweiligen Contao-Modul noch unter CSS-ID und Klasse zuweisen (eintragen) müssen.}}
+{{Wichtig|Bitte beachten Sie, dass Sie die CSS-Klasse '''hlist''' im jeweiligen Contao-Modul noch unter CSS-ID und Klasse zuweisen (eintragen) müssen.}}
 === Vertikale Listennavigation ===

@@ Zeile 7: / Zeile 7: @@
 | DevSite=http://www.aurealis.de
 | ExtVersion=1.0.4
-| Version=ab 2.8.0
+| Version=2.9.0 - 2.9.1
 | ERLink=http://www.contao.org/erweiterungsliste/view/yamltools.de.html
 | DonateLink=http://aurealis.de/spenden.html

@@ Zeile 42: / Zeile 42: @@
 Die vertikale Listennavigation mit YAML erfordert die die folgende HTML-Struktur der Liste:
-<code html><h6 class="vlist">Titel</h6>
+<source lang="html4strict"><h6 class="vlist">Titel</h6>
 <ul class="vlist">
    <li><a href="#">Eintrag 1</a></li>
@@ Zeile 49: / Zeile 49: @@
    <li><a href="#">Eintrag 4</a></li>
    <li><a href="#">Eintrag 5</a></li>
-</ul></code>
+</ul></source>
 Die CSS-Klasse vlist wird automatisch bei der Verwendung des nav_yaml_vlist-Templates eingetragen und muss nicht extra in das CSS-Klasse-Feld des TYPOlight Backend-Moduls eingetragen werden.

@@ Zeile 23: / Zeile 23: @@
 Die horizontale Listennavigation mit YAML erfordert unter Verwendung der üblichen CSS-Dateien nav_shinybuttons.css für die Shiny Buttons Navigation und nav_slidingdoor.css für die Sliding Door Navigation die folgende HTML-Struktur der Liste:
-<code html><div class="hlist" >
+<source lang="html4strict"><div class="hlist" >
    <ul>
      <li class="active"><strong>Eintrag 1</strong></li>
@@ Zeile 31: / Zeile 31: @@
      <li><a href="#">Eintrag 5</a></li>
    </ul>
-</div></code>
+</div></source>
 Diese Struktur wird durch den Einsatz des Templates nav_yaml in den TYPOlight Navigationsmodulen erzeugt.