.. You may want to use the usual include line. Uncomment and adjust the path. .. include:: ../Includes.txt ==================== ad: Templavoila Tabs ==================== :Created: 2010-02-18T17:33:18 :Changed: 2011-02-13T09:45:37 :Classification: ad_templavoila_tabs :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, Tab, Templavoila Framework, frontend, forEditors, forAdmins, forDevelopers, forAdvanced :Author: Arno Dudek :Email: webmaster@adgrafik.at :Info 4: :Language: de |img-1| |img-2| ad: Templavoila Tabs - ad\_templavoila\_tabs .. _ad-Templavoila-Tabs: ad: Templavoila Tabs ==================== Extension Key: ad\_templavoila\_tabs Language: de Keywords: jQuery UI, Tab, 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 Tabs 1 <#1.ad:%20Templavoila%20Tabs|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 Tab-Seiteninhalts 5 <#1.2.1.Erstellen%20eines%20Tab- Seiteninhalts|outline>`_ **`Administration 8 <#1.3.Administration|outline>`_** `Installation 8 <#1.3.1.Installation|outline>`_ **`Configuration 10 <#1.4.Configuration|outline>`_** `Konstanten 10 <#1.4.1.Konstanten|outline>`_ **`Known problems 11 <#1.5.Known%20problems|outline>`_** **`To-Do list 12 <#1.6.To-Do%20list|outline>`_** **`ChangeLog 13 <#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 Tab-Seiteninhalt 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| |img-5| |img-6| Es können mehrere jQuery UI-Themen im Konstanten-Editor gewählt werden. .. _Users-manual: Users manual ------------ .. _Erstellen-eines-Tab-Seiteninhalts: Erstellen eines Tab-Seiteninhalts ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ |img-7| Gehe in der Seitenansicht zu einer Seite in der der Tab-Seiteninhalt eingesetzt werden soll und klicke auf “Neues Element anlegen”. |img-8| Wähle in der Liste unter “Flexibler Inhalt” den Seiteninhaltstyp “Tab Module” aus. |img-9| 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-10| Um Inhalte für die Tabs zu erstellen klicke in der Seitenansicht auf “Neues Element anlegen”. |img-11| Füge Inhalt in den Seiteninhalt. Für diese Extension wurde der Untertitel (subheader) für alle Seiteninhalte aktiviert. Dieser dient als Tab-Titel. Wird dieser nicht gesetzt wird automatisch die Überschrift verwendet. |img-4| |img-3| In diesem Beispiel sind nun drei Tabs erstellt worden. .. _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-12| Wähle nun in der Liste den Systemfolder aus in dem sich die TemplaVoilà-Vorlagenobjekte befinden und klicke auf “Import”. - |img-13| Bei Erfolg wird diese Meldung angezeigt. - |img-14| In der Listenansicht sollte sich nun das importierte TemplaVoilà-Vorlagenobjekt in dem angegebenen Systemordner befinden. - |img-15| Füge nun das statische Template “ad: Templavoila Tabs (ad\_templavoila\_tabs)” 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 .. _jQueryUi: jQueryUi """""""" .. container:: table-row Property jQueryUi Data type boolean Description Wenn gesetzt wird jQuery UI über die Google AJAX Libraries API geladen. Default 1 .. _jQueryUiTheme: jQueryUiTheme """"""""""""" .. container:: table-row Property jQueryUiTheme Data type string Description Mögliche Werte des jQuery UI Themas: none=1, base, black-tie, blitzer, cupertino, dark-hive, dot-luv, eggplant, excite-bike, flick, hot-sneaks, humanity, le-frog, mint- choc, overcast, pepper-grinder, redmond, smoothness, south-street, start, sunny, swanky-purse, trontastic, ui-darkness, ui-lightness, vader Default base .. _jQueryUiStyle: jQueryUiStyle """"""""""""" .. container:: table-row Property jQueryUiStyle Data type string Description Pfad zu deinem eigenen Style. Erstelle deinen eigenen Style unter `http://jqueryui.com/themeroller/ `_ . Default .. _jQueryCookie: jQueryCookie """""""""""" .. container:: table-row Property jQueryCookie Data type boolean Description Wenn gesetzt wird das Cookie plugin für jQuery geladen. Default 1 .. ###### END~OF~TABLE ###### [tsref:(cObject).plugin.tx\_adtemplavoilatabs] .. _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\_tabs/ `_ .. _To-Do-list: To-Do list ---------- Report features at `http://forge.typo3.org/projects/extension- ad\_templavoila\_tabs/ `_ .. _generated: ((generated)) ^^^^^^^^^^^^^ .. _Spenden: Spenden """"""" Wer diese Extension nützlich findet, dass er sich gern bedanken will, kann hier per `PayPal spenden `_ oder mal den `Amazon-Wunschzettel `_ durchstöbern. DANKE! .. _ChangeLog: ChangeLog --------- `http://typo3.org/extensions/repository/view/ad\_templavoila\_tabs/cur rent/info/ChangeLog/ `_ |img-2| 14 .. ######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: 430 .. :id: Grafik15 .. :name: Grafik15 .. :width: 492 .. |img-4| image:: img-4.png .. :align: left .. :border: 0 .. :height: 183 .. :id: Grafik12 .. :name: Grafik12 .. :width: 518 .. |img-5| image:: img-5.png .. :align: left .. :border: 0 .. :height: 181 .. :id: Grafik13 .. :name: Grafik13 .. :width: 513 .. |img-6| image:: img-6.png .. :align: left .. :border: 0 .. :height: 183 .. :id: Grafik14 .. :name: Grafik14 .. :width: 528 .. |img-7| image:: img-7.png .. :align: left .. :border: 0 .. :height: 141 .. :id: Grafik4 .. :name: Grafik4 .. :width: 432 .. |img-8| image:: img-8.png .. :align: left .. :border: 0 .. :height: 473 .. :id: Grafik5 .. :name: Grafik5 .. :width: 325 .. |img-9| image:: img-9.png .. :align: left .. :border: 0 .. :height: 737 .. :id: Grafik7 .. :name: Grafik7 .. :width: 388 .. |img-10| image:: img-10.png .. :align: left .. :border: 0 .. :height: 310 .. :id: Grafik8 .. :name: Grafik8 .. :width: 362 .. |img-11| image:: img-11.png .. :align: left .. :border: 0 .. :height: 208 .. :id: Grafik9 .. :name: Grafik9 .. :width: 447 .. |img-12| image:: img-12.png .. :align: left .. :border: 0 .. :height: 140 .. :id: Grafik1 .. :name: Grafik1 .. :width: 465 .. |img-13| image:: img-13.png .. :align: left .. :border: 0 .. :height: 118 .. :id: Grafik3 .. :name: Grafik3 .. :width: 609 .. |img-14| image:: img-14.png .. :align: left .. :border: 0 .. :height: 255 .. :id: Grafik20 .. :name: Grafik20 .. :width: 397 .. |img-15| image:: img-15.png .. :align: left .. :border: 0 .. :height: 212 .. :id: Grafik30 .. :name: Grafik30 .. :width: 568