Aktuelle Informationen rund um TYPO3

Archiv des Monats Juni, 2008

TemplaVoila! – Backenddesign

Jörg Weller 1. Juni 2008
Komentare (2)

Sicher wünschte sich jeder TYPO3 Admin schon einmal, die Darstellung des TemplaVoila! Backends mehr an das Design im Frontend anpassen zu können. Redakteure finden sich dadurch leichter zurecht. Häufig werden hierfür Extensions wie me_templavoilalayout oder me_pagelayout eingesetzt. Meinem Eindruck nach wissen viele Admins nicht, dass TemplaVoila! seit Version 1.3 eine Möglichkeit bietet dies ohne zusäztliche Extensions zu bewerkstelligen.

Hier eine Lösung ohne zusätzliche Extension:

Über das XML der TemplaVoila!-Datenstruktur ist dies schnell und einfach möglich. Hier ein Beispiel:

  1.  
  2. <?xml version="1.0" encoding="utf-8" standalone="yes" ?>
  3. <T3DataStructure>
  4.         <meta type="array">
  5.                 <langDisable>1</langDisable>
  6.                 <beLayout>                
  7.                     <![CDATA[            
  8.                     <table width="99%" border="3" rules="all">                    
  9.                         <tr>                            
  10.                             <td style="background-color: #E0E0E0" width="25%" valign="top">###field_boxrow###</td>                            
  11.                             <td width="75%" valign="top">###field_content###</td>                    
  12.                         </tr>
  13.                     </table>            
  14.                     ]]>        
  15.                 </beLayout>                    
  16.         </meta>
  17.         <ROOT type="array">
  18.                 <tx_templavoila type="array">
  19.                         <title>ROOT</title>
  20.                         <description>Wählen Sie das HTML-Element der Seite, das Sie als übergeordnetes Container-Element der Vorlage möchten.</description>
  21.                 </tx_templavoila>
  22.                 <type>array</type>
  23.                 <el type="array">
  24.                         <field_content type="array">
  25.                                 [...]
  26.                         </field_content>
  27.                         <field_boxrow type="array">
  28.                                 [...]
  29.                         </field_boxrow>
  30.                 </el>
  31.         </ROOT>
  32. </T3DataStructure>
  33.  

Das Ganze sieht dann so aus:

Dies ist sehr einfach. Bei beLayout das gewünschte HTML eingeben und Platzhalter wie ###field_boxrow### für die Feldnamen, welche auch im XML definiert sind, an den gewünschten Stellen platzieren.

Nächste Einträge »