.. You may want to use the usual include line. Uncomment and adjust the path. .. include:: ../Includes.txt ===================== ad: Templavoila Cycle ===================== :Created: 2010-02-18T17:33:18 :Changed: 2011-02-13T09:30:13 :Classification: ad_templavoila_cycle :Description: The keywords help with categorizing and tagging of the manuals. You can combine two or more keywords and add additional keywords yourself. Please use at least one keyword from both lists. If your manual is NOT in english, see next tab "language" ---- forEditors (use this for editors / german "Redakteure") forAdmins (use this for Administrators) forDevelopers (use this for Developers) forBeginners (manuals covering TYPO3 basics) forIntermediates (manuals going into more depth) forAdvanced (covering the most advanced TYPO3 topics) see more: http://wiki.typo3.org/doc_template#tags ---- :Keywords: jQuery UI, Content Cycle, Content Slider, Content Glider, Templavoila Framework, frontend, forEditors, forAdmins, forDevelopers, forAdvanced :Author: Arno Dudek :Email: webmaster@adgrafik.at :Info 4: :Language: de |img-1| |img-2| ad: Templavoila Cycle - ad\_templavoila\_cycle .. _ad-Templavoila-Cycle: ad: Templavoila Cycle ===================== Extension Key: ad\_templavoila\_cycle Language: de Keywords: jQuery UI, Content Cycle, Content Slider, Content Glider, Templavoila Framework, frontend, forEditors, forAdmins, forDevelopers, forAdvanced Copyright 2000-2011, Arno Dudek, This document is published under the Open Content License available from http://www.opencontent.org/opl.shtml The content of this document is related to TYPO3 \- a GNU/GPL CMS/Framework available from www.typo3.org .. _Table-of-Contents: Table of Contents ----------------- `ad: Templavoila Cycle 1 <#1.ad:%20Templavoila%20Cycle|outline>`_ **`Introduction 3 <#1.1.Introduction|outline>`_** `What does it do? 3 <#1.1.1.What%20does%20it%20do_|outline>`_ `Screenshots 3 <#1.1.2.Screenshots|outline>`_ **`Users manual 5 <#1.2.Users%20manual|outline>`_** `Erstellen eines Cycle-Seiteninhalts 5 <#1.2.1.Erstellen%20eines %20Cycle-Seiteninhalts|outline>`_ **`Administration 8 <#1.3.Administration|outline>`_** `Installation 8 <#1.3.1.Installation|outline>`_ **`Configuration 9 <#1.4.Configuration|outline>`_** `Konstanten 9 <#1.4.1.Konstanten|outline>`_ **`Known problems 10 <#1.5.Known%20problems|outline>`_** **`To-Do list 11 <#1.6.To-Do%20list|outline>`_** **`ChangeLog 12 <#1.7.ChangeLog|outline>`_** .. _Introduction: Introduction ------------ .. _What-does-it-do: What does it do? ^^^^^^^^^^^^^^^^ Diese Extension ist eine TemplaVoilà-Vorlagenobjekt-Erweiterung mit der man einen Cycle-Seiteninhalt (Content Slider) erstellen kann. Dabei werden die Seiteninhalte nicht als Plugin eingesetzt, sondern wie z.B. das Zweispalten-Modul. Dadurch kann jeder Seiteninhalt direkt in der Seitenansicht angesteuert werden und fügt sich somit harmonisch in das UI ein. **Derzeit nur mit Templavoila Framework (templavoila\_framework) getestet. Sollte aber auch mit TemplaVoilà funktionieren. (Wäre für Rückmeldungen dankbar, worauf man da achten sollte.)** .. _Screenshots: Screenshots ^^^^^^^^^^^ |img-3| Bearbeitung innerhalb der Seitenansicht. |img-4| Cycle mit Paginierung als Navigation. |img-5| Cycle mit Browser als Navigation. Die Styles können nach belieben angepasst werden. .. _Users-manual: Users manual ------------ .. _Erstellen-eines-Cycle-Seiteninhalts: Erstellen eines Cycle-Seiteninhalts ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ |img-6| Gehe in der Seitenansicht zu einer Seite in der der Cycle-Seiteninhalt eingesetzt werden soll und klicke auf “Neues Element anlegen”. |img-7| Wähle in der Liste unter “Flexibler Inhalt” den Seiteninhaltstyp “Cycle Module” aus. |img-8| In der Eingabemaske können nun verschiedene Einstellungen vorgenommen werden. Für mehr Informationen über die einzelnen Eigenschaften fahre mit der Maus über das Hilfesymbol. |img-9| Um Inhalte für den Cycler zu erstellen klicke in der Seitenansicht auf “Neues Element anlegen” und füge Inhalt in den Seiteninhalt. |img-4| Fertig. .. _Administration: Administration -------------- .. _Installation: Installation ^^^^^^^^^^^^ - Installiere im Extension-Manager die Extension templavoila\_framework. Derzeit nur mit Templavoila Framework (templavoila\_framework) getestet. Sollte aber auch mit TemplaVoilà funktionieren. (Wäre für Rückmeldungen dankbar, worauf man da achten sollte.) - |img-10| Wähle nun in der Liste den Systemfolder aus in dem sich die TemplaVoilà-Vorlagenobjekte befinden und klicke auf “Import”. - |img-11| Bei Erfolg wird diese Meldung angezeigt. - |img-12| In der Listenansicht sollte sich nun das importierte TemplaVoilà-Vorlagenobjekt in dem angegebenen Systemordner befinden. - |img-13| Füge nun das statische Template “ad: Templavoila Cycle (ad\_templavoila\_cycle)” in das Template ein. .. _Configuration: Configuration ------------- .. _Konstanten: Konstanten ^^^^^^^^^^ .. ### BEGIN~OF~TABLE ### .. _jQuery: jQuery """""" .. container:: table-row Property jQuery Data type boolean Description Wenn gesetzt wird jQuery über die Google AJAX Libraries API geladen. Default 1 .. _style: style """"" .. container:: table-row Property style Data type string Description Pfad zu deinem eigenen Style. Default EXT:ad\_templavoila\_cycle/res/css/simple.css .. ###### END~OF~TABLE ###### [tsref:(cObject).plugin.tx\_adtemplavoilacycle] .. _Known-problems: Known problems -------------- - Derzeit nur mit Templavoila Framework (templavoila\_framework) getestet. Sollte aber auch mit TemplaVoilà funktionieren. (Wäre für Rückmeldungen dankbar, worauf man da achten sollte.) - Report bugs at `http://forge.typo3.org/projects/extension- ad\_templavoila\_cycle `_ .. _To-Do-list: To-Do list ---------- Report features at `http://forge.typo3.org/projects/extension- ad\_templavoila\_cycle `_ .. _ChangeLog: ChangeLog --------- `http://typo3.org/extensions/repository/view/ad\_templavoila\_cycle/cu rrent/info/ChangeLog/ `_ |img-2| 12 .. ######CUTTER_MARK_IMAGES###### .. |img-1| image:: img-1.png .. :align: left .. |img-2| image:: img-2.png .. :border: 0 .. :height: 21 .. :hspace: 9 .. :id: Grafik2 .. :name: Grafik2 .. :width: 87 .. |img-3| image:: img-3.png .. :align: left .. :border: 0 .. :height: 570 .. :id: Grafik15 .. :name: Grafik15 .. :width: 669 .. |img-4| image:: img-4.png .. :align: left .. :border: 0 .. :height: 292 .. :id: Grafik12 .. :name: Grafik12 .. :width: 362 .. |img-5| image:: img-5.png .. :align: left .. :border: 0 .. :height: 284 .. :id: Grafik13 .. :name: Grafik13 .. :width: 356 .. |img-6| image:: img-6.png .. :align: left .. :border: 0 .. :height: 141 .. :id: Grafik4 .. :name: Grafik4 .. :width: 432 .. |img-7| image:: img-7.png .. :align: left .. :border: 0 .. :height: 438 .. :id: Grafik5 .. :name: Grafik5 .. :width: 321 .. |img-8| image:: img-8.png .. :align: left .. :border: 0 .. :height: 523 .. :id: Grafik7 .. :name: Grafik7 .. :width: 373 .. |img-9| image:: img-9.png .. :align: left .. :border: 0 .. :height: 310 .. :id: Grafik8 .. :name: Grafik8 .. :width: 362 .. |img-10| image:: img-10.png .. :align: left .. :border: 0 .. :height: 140 .. :id: Grafik1 .. :name: Grafik1 .. :width: 465 .. |img-11| image:: img-11.png .. :align: left .. :border: 0 .. :height: 115 .. :id: Grafik3 .. :name: Grafik3 .. :width: 602 .. |img-12| image:: img-12.png .. :align: left .. :border: 0 .. :height: 197 .. :id: Grafik10 .. :name: Grafik10 .. :width: 424 .. |img-13| image:: img-13.png .. :align: left .. :border: 0 .. :height: 212 .. :id: Grafik11 .. :name: Grafik11 .. :width: 567