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: TemplaVoila BE-Layout

Created:2006-05-02T01:35:37
Changed:2006-05-02T01:43:38
Author:Marc Ehret
Email:me@kenx.de
Info 3:
Info 4:

EXT: TemplaVoila BE-Layout

Extension Key: me_templavoilalayout

Copyright 2006-2006, Marc Ehret, <me@kenx.de>

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

Table of Contents

EXT: TemplaVoila BE-Layout 1

Introduction 1

What does it do? 1

Screenshots 1

Tutorial 2

Known problems 3

To-Do list 3

Changelog 3

Introduction

What does it do?

Regardless of the design of your website, the page-module shows your fields in columns in the backend. This can be very confusing for editors. With this extension you can style the layout of the page-module using a small backend-template with markers for your fields. -

Screenshots

Example-Layout (colors and icons are due to some modifications of t3skin):

img-1

Tutorial

  • Install this extension via the Extension Manager.

  • Go to Web > TemplaVoilà and click on the sysfolder where you store your ds / to.

  • Select Page templates and click on the Edit icon of the datastructure you want to edit:

    img-2

  • Now edit the datastructure.

Example:

<meta type="array">
        <beLayout>
        <![CDATA[

        <table width="99%">
                <tr>
                        <td valign=top width="33%">###field_mainbox_2###</td>
                        <td valign=top width="66%">###field_mainbox_1###</td>
                </tr>
                <tr>
                        <td colspan=2 width="99%">###field_mainbox_3###</td>
                </tr>
        </table>

        ]]>
        </beLayout>
</meta>

img-3

Go to Web > Page (and select a page which uses this ds, of course) and enjoy.

Known problems

- Don't know, not very well tested. Does it work with nested elements? Please let me know.

To-Do list

Any suggestions?

Changelog

- 0.1.5: Removing of unused markers

- 0.1.4: just cosmetical :-)

- 0.1.3: This document.

img-4 EXT: TemplaVoila BE-Layout - 3