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.

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

Extension Key: ad_templavoila_tabs

Language: de

Keywords: jQuery UI, Tab, Templavoila Framework, frontend, forEditors, forAdmins, forDevelopers, forAdvanced

Copyright 2000-2011, Arno Dudek, <webmaster@adgrafik.at>

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

ad: Templavoila Tabs 1

`Introduction 3 <#1.1.Introduction|outline>`_

What does it do? 3

Screenshots 3

`Users manual 5 <#1.2.Users%20manual|outline>`_

Erstellen eines Tab-Seiteninhalts 5

`Administration 8 <#1.3.Administration|outline>`_

Installation 8

`Configuration 10 <#1.4.Configuration|outline>`_

Konstanten 10

`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

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

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

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

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

Konstanten

jQuery

Property

jQuery

Data type

boolean

Description

Wenn gesetzt wird jQuery über die Google AJAX Libraries API geladen.

Default

1

jQueryUi

Property

jQueryUi

Data type

boolean

Description

Wenn gesetzt wird jQuery UI über die Google AJAX Libraries API geladen.

Default

1

jQueryUiTheme

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

Property

jQueryUiStyle

Data type

string

Description

Pfad zu deinem eigenen Style. Erstelle deinen eigenen Style unter http://jqueryui.com/themeroller/ .

Default

jQueryCookie

Property

jQueryCookie

Data type

boolean

Description

Wenn gesetzt wird das Cookie plugin für jQuery geladen.

Default

1

[tsref:(cObject).plugin.tx_adtemplavoilatabs]

Known problems

To-Do list

Report features at http://forge.typo3.org/projects/extension- ad_templavoila_tabs/

((generated))

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!