t3ddy for TYPO3 CMS

Notice

This fork adds support for TYPO3 8.

Until merged into the orginal repository, you can use this fork by adding the following to your composer.json.

In the repositories section, add:

{
  "type": "vcs",
  "url": "https://github.com/eyecatchup/t3ddy"
}

In the require section, add:

"arminvieweg/t3ddy": "1.1.3",

t3ddy provides comfortable tabs and accordion handling right in TYPO3 page module, using the techniques of gridelements.

Adds new content elements for tab container
Adds new content elements for accordion container
Adds jQueryUI to page module of TYPO3 and displays the actual tab containers and accordions as you would expect them in frontend (see screenshots)
Also provides jQueryUI for frontend (optional)
Several settings helps you to customize the behaviour of tabs/accordions in frontend
Change order of tabs with drag and drop, right in page module
Auto-focus tab, when a content element inside of this tab has been referenced in the URL (e.g. .../page.html#c123)
Creates first tab automatically when a new container has been created

This is how t3ddy looks like in backend of TYPO3 7.6:

Tab Container

Accordion

Version 1.0+ of t3ddy requires:

t3ddy has some options you can set in extension manager:

disableTabContainer: When enabled, the tab container grid is disabled. Already existing items will stop to work.
disableAccordion: Same as "disableTabContainer" just for accordion items.
disableGridElementsChildrenInT3ddyItem: When enabled the inline field of container grid which contains the children is disabled
createFirstT3ddyItem: When enabled the first tab or page is automatically created when the container has been created.

There are three content elements existing. Two for the different containers and one for the tabs/pages inside of it. Some of them have options.

Single Page Mode: When checked, in accordions only one page can be opened at once.
collapsible: When checked, all pages of accordion can get closed again by clicking on header.
Leave all items closed: When enabled, all pages of accordion are initially closed. Set focus of tiles is ignored.
Height style: Controls the height of the accordion container and each page.

Tab containers have no options.

A t3ddy item represents either a single tab or page.

Focus: When checked, this items opens in frontend per default instead of the first item. Don't forget to remove this option from other items, where you've set this option before.