DEPRECATION WARNING
This documentation is not using the current rendering mechanism and is probably outdated. The extension maintainer should switch to the new system. Details on how to use the rendering mechanism can be found here.
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 |
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, <mcplamen@gmail.com>
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¶
`EXT: tabs of foundation 5 framework 1 <#__RefHeading__5708_1738894311>`_
`Introduction 3 <#__RefHeading__5710_1738894311>`_
`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¶
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¶
Example of tabs on real site.
FAQ
^^^
If you have any ideas, questions or bug requests, don't hesitate to send them to mcplamen@gmail.com
Administration¶
See Tutorial below.
Configuration¶
See Tutorial below.
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:
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”.
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.
Known problems¶
Extension is tested on real sites, if you come across any bug or problem, let me know.
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