Though we have not released it to the TER, we do have TVFW version 2 available.
It does work with TYPO3 6.2. We have used it on our customer sites.

Here is the extension manual which has a link to the GIT repo with the code for version 2.
You should use the develop branch.

You can use version 1 skins with version 2, but will need to add one constant to the skin (detailed in manual).


Editor Experience & Back End Layout

When working with this framework, you will notice the back end layout of the content in the TemplaVoila page module looks different than you may be used to.

  • Content is placed in tabs corresponding to page content areas which makes for much less scrolling when editing content.
  • Color is used to group content logically (columns and modules) and to separate content (green is only used on title bars so content elements stand out).
  • Overall, the visual noise an editor usually sees when editing a TemplaVoila page has been greatly reduced.

Below are images to show the difference in what the editor sees with only TemplaVoila compared to TemplaVoila plus the TemplaVoila Framework.

1024x768 Monitors

If you have a smaller monitor and have a page with columns or modules, you may find on the backend that the content in the columns may overlap. This is because there is not enough room to display all three frames of the TYPO3 backend and the columns.

If this is your experience, you can click on the vertical bar between the page tree and the content area. This will collapse the page tree frame and give enough room in the content area for the columns. When you are done editing you can click the bar again and the page tree will appear.

Back-End Translations

Currently English, German, Dutch and Spanish are available to the back-end user. If you would like to provide a translation for an additional language, please contact us at

Click the image to enlarge

Example Page

The page we are using as an example looks like this on the front end. The page template has a feature area and two content areas. There is also a triple module group placed in the main content area.

Click the image to enlarge

Standard Layout with TemplaVoila

This is what the page looks like on the backend with no use of beLayout in the DS or adjustments to the TemplaVoila extension. It is what TemplaVoila provides by default.

Click the image to enlarge

The TemplaVoila Framework

This is what the page looks like on the backend with the TemplaVoila Framework. The content areas are placed in tabs which makes for less clutter and less scrolling to reach content. Columns are easy to recognize.

Compared to the first example, this version has much less visual noise, less scrolling while editing and gives more ability to style through CSS.