.. You may want to use the usual include line. Uncomment and adjust the path. .. include:: ../Includes.txt =================================== EXT: tabs of foundation 5 framework =================================== :Created: 2014-06-17T14:33:04.620000000 :Changed: 00:00:00 :Classification: tabs_foundation :Description: Tabs of Foundation framework are elements that help you organize and navigate multiple documents in a single container :Keywords: tabs, foundation, tabs foundation, vertical tabs, responsive tabs :Author: Plamen Petkov :Email: mcplamen@gmail.com :Language: en .. _img-1-img-2-EXT-tabs-of-foundation-5-framework: |img-1| |img-2| EXT: tabs of foundation 5 framework =================================================== Extension Key: tabs\_foundation Language: en Version: 0.3.0 Keywords: tabs, foundation, tabs foundation, vertical tabs, responsive tabs Copyright 20014-2014, Plamen Petkov, 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 ----------------- **`EXT: tabs of foundation 5 framework 1 <#__RefHeading__5708_1738894311>`_** **`Introduction 3 <#__RefHeading__5710_1738894311>`_** `What does it do? 3 <#__RefHeading__463_413120346>`_ `Screenshots 3 <#__RefHeading__465_413120346>`_ `FAQ 3 <#__RefHeading__31509_818911409>`_ **`Administration 4 <#__RefHeading__31511_818911409>`_** **`Configuration 5 <#__RefHeading__31515_818911409>`_** **`Tutorial 6 <#__RefHeading__31523_818911409>`_** **`Known problems 9 <#__RefHeading__31525_818911409>`_** **`To-Do list 10 <#__RefHeading__477_413120346>`_** **`ChangeLog 11 <#__RefHeading__31623_818911409>`_** .. _Introduction: Introduction ------------ .. _What-does-it-do: What does it do? ^^^^^^^^^^^^^^^^ Extension tabs\_foundation is a very easy way to integrate Tabs of Foundation framework into your site. There is an option to create a group of vertical tabs. .. _Screenshots: Screenshots ^^^^^^^^^^^ Example of tabs on real site. |img-3| FAQ ^^^ If you have any ideas, questions or bug requests, don't hesitate to send them to mcplamen@gmail.com .. _Administration: Administration -------------- See Tutorial below. .. _Configuration: Configuration ------------- See Tutorial below. .. _Tutorial: Tutorial -------- Tabs are a part of Foundation framework and in order to use it you have to include Foundation files in you page at first. The easiest way is with the extension "df\_foundation5". Download, install and include necessary templates (see image at 4.). Another option is to include Foundation files with Typoscript, it is more flexible solution. Highly recommended is to use this option. Here are the steps: Extension “vhs” must be installed and activated in advance. “tabs\_foundation” uses ViewHelper from “vhs”. Download the Extension “tabs\_foundation”. Go to “Extension Manager” of your TYPO3-Page and upload the Extension and then activate it. Include the Static Templates following the image below: |img-4| Create Sysfolder Go to Page > Create new pages > Folder. Drag “Folder” to your Pagetree. Rename that folder to e.g. “tabs”. Add Tabs Items Go to List > “Your storage folder” > Create new record. Click on “Tab” in order to create an object. You can enter tabs with Content > Create new You can include contents with “Content” and “Rtecontent”. |img-5| With “Content” you can get the contents of certain page. Page must be created in advance and has a few content elements. You must enter content elements in column “Normal” (Column number 0) With “Rtecontent” you can enter contents with RTE editor. Very important !!! If you use “Content” then “Rtecontent” will not be visible. If you want to use “Rtecontent”, then leave “Content” field empty. Go to Page > Select the page where you want to put the slider > New content element > Plugins > General Plugin > from dropdown menu "Selected Plugin" choose "tabs\_foundation". Tab "Behaviour" and from "Record Storage page" select your storage page "tabs", see image below. |img-6| .. _Known-problems: Known problems -------------- Extension is tested on real sites, if you come across any bug or problem, let me know. .. _To-Do-list: To-Do list ---------- I intend to release an extended version of Orbit Foundation slider with different options like text block, link block and so on. This is my first published extension and suggestions and ideas are welcome to my email mcplamen@gmail.com .. _ChangeLog: ChangeLog --------- .. ### BEGIN~OF~TABLE ### .. _0-3-0: 0.3.0 ^^^^^ .. container:: table-row Version 0.3.0 Changes Initial upload of extension .. _Unknown-Property: ((Unknown Property)) ^^^^^^^^^^^^^^^^^^^^ .. container:: table-row Version Changes .. _Unknown-Property: ((Unknown Property)) ^^^^^^^^^^^^^^^^^^^^ .. container:: table-row Version Changes .. _Unknown-Property: ((Unknown Property)) ^^^^^^^^^^^^^^^^^^^^ .. container:: table-row Version Changes .. ###### END~OF~TABLE ###### .. ######CUTTER_MARK_IMAGES###### .. |img-1| image:: img-1.png .. :align: left .. :border: 0 .. :height: 44 .. :id: graphics5 .. :name: graphics5 .. :vspace: 57 .. :width: 161 .. |img-2| image:: img-2.png .. :align: left .. |img-3| image:: img-3.jpeg .. :align: left .. :border: 0 .. :height: 445 .. :id: graphics1 .. :name: graphics1 .. :width: 631 .. |img-4| image:: img-4.jpeg .. :align: left .. :border: 0 .. :height: 297 .. :id: graphics2 .. :name: graphics2 .. :width: 607 .. |img-5| image:: img-5.jpeg .. :align: left .. :border: 0 .. :height: 836 .. :id: graphics9 .. :name: graphics9 .. :width: 583 .. |img-6| image:: img-6.jpeg .. :align: left .. :border: 0 .. :height: 206 .. :id: graphics3 .. :name: graphics3 .. :width: 607