Reference

Short reference of TypoScript options for plugin.*tx_tinyaccordion (there are some more settings available):

Property

view.templateRootPath or view.templateRootPaths

Data type

string

Description

Path to the template file. Note: the templates must be in a subfolder named “Selection”!

Default

EXT:tinyaccordion/Resources/Private/Templates/

Example:

plugin.tx_tinyaccordion {
      view {
              templateRootPaths {
                      0 = EXT:tinyaccordion/Resources/Private/Templates/
                      1 = fileadmin/Resources/tinyaccordion/templates/
              }
      }
}

If you want to change the styles: copy them from the TypoScript-file (Configuration/TypoScript/setup.txt) to your own css-file and remove the default-styles:

plugin.tx_tinyaccordion._CSS_DEFAULT_STYLE >

Note: the default JavaScript-file is included like this in the templates via a new ViewHelper:

{namespace tiny=Quizpalme\Tinyaccordion\ViewHelpers}
<tiny:addPublicResources path="EXT:tinyaccordion/Resources/Public/Scripts/packed.js"></tiny:addPublicResources>

If this doesn´t work or if you want to include another JavaScript- file, copy the JavaScript-file to your fileadmin-folder and remove the default JavaScript and include your own JavaScript via TypoScript like this:

page.includeJS.tx_tinyaccordion = fileadmin/templates/Scripts/tinyaccordion.js

There are more settings:

plugin.tx_tinyaccordion.settings.flexform.*

They are used e.g. in the News.html and Camaliga.html template.

Examples

Here you can see how you can use another HTML-file (Selection/News.html or Selection/Content.html in that folder). Changes the default template folder in the Constants:

plugin.tx_tinyaccordion.view.templateRootPath = fileadmin/template/tinyaccordion/

This second example shows you, how you can use the jQuery UI Accordion instead of the TinyAccordion. Remove the default styles:

plugin.tx_tinyaccordion._CSS_DEFAULT_STYLE >

If you want to edit the template, copy the example-file (Resources/Private/Templates/Selection/News- ui-accordion.html) to your fileadmin-folder in a folder named “Selection”, edit it and include it like this in TypoScript Setup:

plugin.tx_tinyaccordion.view.templateRootPaths.1 = fileadmin/template/files/

Note: the path to the file is then like this: fileadmin/template/files/Selection/News-ui-accordion.html

Note furthermore: you need to include jQuery UI Accordion by your own.