.. You may want to use the usual include line. Uncomment and adjust the path. 
.. include:: ../Includes.txt


==========================
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:

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:

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:

Introduction
------------


.. _What-does-it-do:

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:

Screenshots
^^^^^^^^^^^

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

|img-1|


.. _Tutorial:

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:

Known problems
--------------

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


.. _To-Do-list:

To-Do list
----------

Any suggestions?


.. _Changelog:

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


.. ######CUTTER_MARK_IMAGES######

.. |img-1| image:: img-1.png
.. :align: left
.. :border: 0
.. :height: 309
.. :id: Grafik1
.. :name: Grafik1
.. :width: 599

.. |img-2| image:: img-2.png
.. :align: left
.. :border: 0
.. :height: 373
.. :id: Grafik2
.. :name: Grafik2
.. :width: 587

.. |img-3| image:: img-3.png
.. :align: left
.. :border: 0
.. :height: 350
.. :id: Grafik3
.. :name: Grafik3
.. :width: 502

.. |img-4| image:: img-4.png
.. :align: left
.. :border: 0
.. :height: 32
.. :id: Graphic1
.. :name: Graphic1
.. :width: 102