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: Readable name of your extension

Author:Kasper Skårhøj
Created:2002-11-01T00:32:00
Changed:2008-08-20T17:12:28
Classification:extensionkey
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:keywords comma-separated
Author:Author name
Email:you@email.com
empty:
language (EN, DE, FR, NL, DK, ES, DK, ... ):
 EN

img-1 img-2 EXT: Readable name of your extension - extensionkey

EXT: Kwick

extensionkey: pf_kwick

keywords: kwick, Ext JS, javascript, slider

language: EN

Copyright 2000-2008, Peter Foerger, <pfoerger@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: Kwick 1

1 Introduction 3

1.1. What does it do? 3

1.2. Screenshots 3

2 Users manual 4

2.1. FAQ 4

3 Configuration 5

3.1. Reference 5

4 Known problems 6

5 To-Do list 7

6 ChangeLog 8

Introduction

What does it do?

The extension adapts the popular *kwick* effect known from 'mootools' to work based on the Ext JS framework.

Screenshots

img-3

img-4

Users manual

Meet the requirements, the extension requires PHP 5. Install as usual. Include the static template to your main TypoScript template. CSS and JS libaries have to get included, See the configuration section for an example on how to do that.

FAQ

Do I need to include ext-adapter and resources by myself?In order to make use of the accordion feature only, you can easily relay on the customized build that comes with the extension (res/ext.js). To enable all features of Ext JS (and that's what you want, won't you?) include the appropriate adapter and ext-all.js or build your own.

Configuration

  • TypoScript setup to use the resources supplied by the extension:
  • Include CSS file
page.includeCSS.file1 = EXT:pf_kwick/res/pfkwick.css

of course you can reference your own custom css-styles here as well.

  • Include javascript resources:
page.includeJS.file51 = EXT:pf_kwick/res/ext.js
page.includeJS.file52 = EXT:pf_kwick/res/pfkwick.js
  • Add the plugin wherever you want it to appear e.g. :
lib.kwick < plugin.tx_pfkwick_pi1

or

page.10.marks.kwick < plugin.tx_pfkwick_pi1

In the Constant editor you'll find some basic settings to play with. For an explanation see the next section.

You can easily expand the number of elements to display like (this goes to TS setup, but you know that):

plugin.tx_pfkwick_pi1.elementX = my string here, can be html or plain text

where X is a unique number for the element. Elements 1 to 7 are set up by default.

Reference

Reference (TypoScript)

[[plugin.tx_pfkwick_pi1]

elementNum

Property

elementNum

Data type

integer

Description

Number of elements to display

Default

7

element1

Property

element1

element2

...

Data type

string

Description

String to be displayed. Can be html or plain text.

Default

wrap

Property

wrap

Data type

wrap

Description

The kwick elements are rendered as an unordered list. This string wraps the list elements generated by the plugin.

Default

<div id="kwicks_container"><ul id="kwicks"> | </ul><span class="clr"><!-- spanner --></span></div>

Known problems

If you encounter any problems using the extension feel free to contact me via mail or on skype (nick: bauschan)

To-Do list

In case you have any suggestions or ideas let me know.

ChangeLog

Initial upload.

8