Zum Inhalt springen

TemplaVoila - Backend Layout anpassen

Erstellt am 14. März 2007 · 6 Antworten · letzte Antwort am 25. März 2009

Tags: Frage

ehontheim ·

To whom it may concern .....

Betrifft TemplaVoila Version 1.3

Die Darstellung der Inhaltspalten im Backend entspricht nicht der tatsächlichen Darstellung (Spaltenbreite) im Frontend. Insbesondere kommt es zu Abweichungen, wenn (aus welchen Gründen auch immer) die Eingabe von Inhalt z. B. auch in einer Zeile oberhalb der Spalten erforderlich ist. TV zeigt dies im BE nur als weitere Spalte und nicht als Zeile an. Dies verwirrt den ein oder anderen Redakteur.

Im Backend sollten die Spalten statt so

-----------------------------------------------
|   oben     |    links    |   hauptinhalt    |
|            |             |                  |
|            |             |                  |
|            |             |                  |
|            |             |                  |
|            |             |                  |
|            |             |                  |
-----------------------------------------------

doch besser so dargestellt werden

-----------------------------------------------
|               oben                          |
-----------------------------------------------
|  links  |         hauptinhalt               |
|         |                                   |
|         |                                   |
|         |                                   |
|         |                                   |
|         |                                   |
|         |                                   |
-----------------------------------------------

Folgende Lösung schafft Abhilfe:
Der unten genannte Code von <meta /> bis </meta> muss in die entsprechende DataStructure DS eingefügt werden.

<?xml version="1.0" encoding="iso-8859-1" standalone="yes" ?>
<t3datastructure>

    <meta type="array" />

        <belayout>                
            <![CDATA[            
            <table width="99%" border="3" rules="all">                    
                <tr> 
                    <td width="99%">###field_inhaltoben###</td>
                </tr>   
                <tr>                            
                    <td width="20%" valign="top">###field_inhaltlinks###</td>                            
                    <td width="59%" valign="top">###field_inhaltmitte###</td> 
                    <td width="20%" valign="top">###field_inhaltrechts###</td>                     
                </tr>
            </table>            
            ]]>        
        </belayout>

    </meta>
    
	<root type="array">
		<tx_templavoila type="array">
        .
        .
        .

Ich habe diese Lösung auf mehreren Webseiten unterschiedlichster Aufteilung ausprobiert und es funktioniert soweit tadellos.

Die Umsetzung entstammt der Extension me_templavoilalayout von Marc Ehret. Der nennenswerte Unterschied: TV 1.3 schafft es auch ohne den Einsatz der Extension.

Grüße

Erwin

Eazy ·

Habe TV 1.3.3 und es scheint nicht zu funktionieren... :-(

Hier mein "XML" zwischen den Metas:

<belayout>               
	            <![CDATA[           
	            <table width="99%" border="3" rules="all">                   
	                <tr>                           
	                     <td width="80%" valign="top">###field_col3###</td>                     
	                     <td width="20%" valign="top">###field_col1###</td>
	                </tr>
	            </table>           
	            ]]>       
</belayout>
ManuP ·

Hi Eazy,

probier mal das hier:
http://www.manuel-palkowitsch.de/site/de/nc/startseite/detailanzeige-der-neuigkeit/article/steigerung-der-benutzerfreundlichkeit-im-wcms-typo3.html

Allerdings verwende ich auch die Version 1.3.1 von TemplaVoila, da die 1.3.3 buggy war beim Bearbeiten im Backend. Man konnte keine Inhalte bearbeiten (Stifte waren nicht anklickbar, weswegen auch immer).
Ansonsten funktioniert es richtig super, wie du im Bild siehst.

Viel Spaß.
Ciao der Manuel.

ManuP ·

Hi Jenses,

wo hast du das beLayout denn her (den Fehler). Ich finde es nirgends 😉
Mir ist außerdem aufgefallen, dass bei einem Redakteur die Stifte im Backend fehlen und somit keine Seite bzw. auch kein Inhalt bearbeitet werden kann 😢

Hat jemand ne Lösung?
Manuel.

bernostern ·

Hi,

sollte es noch jmd. interessieren:
obiges XML klappt nicht , weil der Tag

<meta type="array" />

gleich geschlossen wird. Da muss der schließende / weg.

jpsy ·

Hier noch einmal der funktionierende Code mit allen Korrekturen (öffnendes meta-Tag ohne "/", "beLayout" mit versalem L, colspan-Attribut für saubere HTML-Tabelle):

<?xml version="1.0" encoding="iso-8859-1" standalone="yes" ?>
<t3datastructure>

    <meta type="array">

        <beLayout>                
            <![CDATA[            
            <table width="99%" border="3" rules="all">                    
                <tr> 
                    <td width="99%" colspan="3">###field_inhaltoben###</td>
                </tr>   
                <tr>                            
                    <td width="20%" valign="top">###field_inhaltlinks###</td>                            
                    <td width="59%" valign="top">###field_inhaltmitte###</td> 
                    <td width="20%" valign="top">###field_inhaltrechts###</td>                     
                </tr>
            </table>            
            ]]>        
        </beLayout>

    </meta>
    
	<root type="array">
		<tx_templavoila type="array">
        .
        .
        .

Weitere Anregungen zum Thema (inkl. beLayout für FCEs) gibts hier, allerdings nur in Englisch:

http://www.typo3-media.com/blog/article/templavoila-advanced-use-of-belayout.html