TYPO3-Testaccount
Testen Sie die aktuellste TYPO3-Version kostenlos und unverbindlich für einen Monat!

Jetzt testen!

Schulungen

Zwei Spalten im Content


Autor Nachricht
Verfasst am: 14. 02. 2012 [18:23]
Denex
Themenersteller
Dabei seit: 25.07.2008
Beiträge: 20
Nabend,

ich brauche für eine Seite zwei Spalten im Content, wobei die Inhalte nur aus einer Spalte im BE kommen sollen (um zwischen ein u. zwei-spaltig zu wechseln). Problem bei der Sache ist, dass bei den Elementen die sich auf zwei Spalten aufteilen sollen, die beiden welche nebeneinander bzw. in einer "Zeile" stehen gleichgroß sein müssen. Dementsprechend müsste ich ja ein div um beide Elemente packen.

Jetzt sitze ich da schon wer weiß wie lange dran und versuche das mit optionSplit zu lösen, aber entweder ich bin da heute einfach zu verwirrt für oder versteh irgendwas an dem optionSplit noch nicht.


Bin mittlerweile zu der Einschätzung gekommen das eine der beiden folgenden Lösungen theoretisch funktionieren sollte (nach dem letzten Beispiel auf der Seite im TS-Ref). Funktionieren tun aber beide nicht.
TYPOSCRIPT
### Lösung 1
tt_content.stdWrap.outerWrap = <div>| |*| |</div> || <div>| |*| |</div>
 
### Lösung 2
tt_content.stdWrap.outerWrap = <div>| || |</div> |*| <div>| || |</div> |*| <div>| || |</div>
 
tt_content.stdWrap.outerWrap.if {
	value.field = layout
	equals = 1
}



Nochmal kurz das HTML wie ich es gerne haben möchte
HTML
<div class="content-frame">
	<div class="breiter 1spaltiger inhalt mit layout0"></div>
	<div class="content-row-frame">
		<div class="schmaler 2spaltiger inhalt mit layout1"></div>
		<div class="schmaler 2spaltiger inhalt mit layout1"></div>
	</div>
	<div class="content-row-frame">
		<div class="schmaler 2spaltiger inhalt mit layout1"></div>
		<div class="schmaler 2spaltiger inhalt mit layout1"></div>
	</div>
	<div class="breiter 1spaltiger inhalt mit layout0"></div>
	<div class="breiter 1spaltiger inhalt mit layout0"></div>
	<div class="content-row-frame">
		<div class="schmaler 2spaltiger inhalt mit layout1"></div>
		<div class="schmaler 2spaltiger inhalt mit layout1"></div>
	</div>
	.
	.
	.
	etc.
</div>


und wie ich es mit meinem TS bekomme
HTML
<div class="content-frame">
	<div class="breiter 1spaltiger inhalt mit layout0"></div>
	<div class="content-row-frame">
		<div class="schmaler 2spaltiger inhalt mit layout1"></div>
		<div class="content-row-frame">
			<div class="schmaler 2spaltiger inhalt mit layout1"></div>
			<div class="breiter 1spaltiger inhalt mit layout0"></div>
			<div class="content-row-frame">
				<div class="schmaler 2spaltiger inhalt mit layout1"></div>
				<div class="content-row-frame">
					<div class="schmaler 2spaltiger inhalt mit layout1"></div>
	.
	.
	.
	etc.
</div>



Schon mal Danke und (noch) einen schönen Feierabend icon_wink.gif
Denex
ProfilICQ
Verfasst am: 15. 02. 2012 [10:59]
Denex
Themenersteller
Dabei seit: 25.07.2008
Beiträge: 20
Ok, manchmal gehöre ich echt verhauen oder ich sollte weniger arbeiten icon_biggrin.gif

Natürlich kann mein obiges Beispiel nicht funktionieren, da der outerWrap kein optionSplit hat icon_rolleyes.gif


Habe daher das TS dahingehend umgeschrieben das ich nun split benutze
TYPOSCRIPT
# Vorher:
#tt_content.stdWrap.outerWrap = ###SPLITTER###|
#Nach EDIT:
tt_content.stdWrap.outerWrap = ###SPLITTER###|###SPLITTER###
tt_content.stdWrap.outerWrap.if {
	value.field = section_frame
	equals = 1
}
 
lib.content = COA
lib.content {
	10  = CONTENT
	10 {
		table = tt_content
		select {
			order = sorting
			where = colPos=0
			languageField = sys_language_uid
		}
	}
 
	stdWrap.split {
		token = ###SPLITTER###
	        # Nach EDIT:
		cObjNum = 1 |*| 2 || 3 || 4 || 5 
		1.current = 1
		2 {
			current = 1
			wrap = <div>|
		}
		3.current = 1
		4.current = 1
		5 {
			current = 1
			wrap = </div>|
		}
	}
}



Da bin ich aber selbst noch am probieren und wollte nur erstmal ein Update geben um Leute davon abzuhalten irgendwas mit dem Schwachsinn aus meinem ersten Post zu testen.

Größtes Problem bei der split Variante ist, dass ich noch nicht weiß wie ich das letzte schließende div Tag einfügen soll. Aber wie gesagt werde ich mich damit jetzt erstmal beschäftigen. Falls aber jemand schon eine Lösung hat werde ich höchst erfreut sein wenn er/sie diese mit mir teilen würde.


EDIT: Habe es endlich hinbekommen. Änderungen sind oben im Code schon vermerkt.

Grüße
Denex

[Dieser Beitrag wurde 2mal bearbeitet, zuletzt am 15.02.2012 um 12:15.]
ProfilICQ