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).


Modules: The Concepts

Module groups are Flexible Content Elements (FCEs) for displaying content in modules inside of page content blocks. They can be used to create special layouts instead of generating more main page templates.

Module groups have options and also automatically adjust their width and max image widths to the page content block in which they are placed. Columns can also be nested inside modules (up to one level).

Options for Modules >>

Why All the Markup?

You will find that modules have more HTML markup than you will normally need. This is because I have tried to anticipate the many different ways that modules might be styled while maintaining their ability to change their widths based on context. In other words, some designers may want to have rounded corners, stylized border treatments, or drop shadows. In order to accommodate these designs, the markup is available to use the CSS sliding doors technique.



This is the left module of this triple module group. The center module is set to "unframed." Notice that all three modules are the same height.


A Note on Module Backgrounds

Visually it is important to keep the modules within a group the same height, but it is a challenge. This stems from the age-old issue of equal height columns in standards-based sites. The main approaches to solving this are faux background techinques and JavaScript. Within this framework I use faux backgrounds for equal height columns in page templates, but use JavaScript to to take care of it in module groups.

Faux background techiques can be used for modules but require a lot more CSS work as backgrounds have to be generated for each module group/page template combination. The downside of using JavaScript is that browsers without JS will have unequal height on modules. I do not this consider a major issue since users without JS will still have access to all content and because the vast majority of browsers have JS available.



These equal heights are accomplished through JavaScript. See the explanation as to why in the center module.