Zum Inhalt springen

Wrap um Fluid-Contentelement (<table> / <td>)

Erstellt am 23. Januar 2015 · 3 Antworten · letzte Antwort am 24. Januar 2015

Tags: Fluid, Inhaltselemente, Frage

gianni27 ·

hallo zusammen

meine frage ist: wie kann ich ein contentelement mit einer tabelle <table> wrapen?

ich habe ein fluid contentelement erstellt der text in einem <td></td> ausgibt

<f:section name="Configuration">
    <flux:form id="stellen" label="Stellen" options="{group: 'XYZ'}">
        <flux:field.input name="stellenbezeichnung" label="Stellenbezeichnung" />
    </flux:form>
</f:section>

<f:section name="Main">
	<td>{stellenbezeichnung}<td>
</f:section>

jetzt möchte ich um das contentelement ein <table></table> platzieren. es sollen aber alle neue <td> in dieser tabelle platziert werden.

wahrscheinlich muss ich etwas mit "for" und "each" machen, aber finde keine lösung dafür.

kann mir jemand helfen?

gianni27 ·

hallo toifel

danke für deine rückmeldung

FOR setzt aber voraus, dass du mehrere Objekte übergibst. {stellenbezeichnung} wird wohl nur einen String zurück liefern, keine Objekte.
ich weiss das ein objekt erwartet wird und genau {stellenbezeichnung} gibt nur einen string zurück

willst du für jede Stellenbezeichnung ein neues CE anlegen und diese dann zusammen in einen Wrap?!
haargenau... :-)

Unbekannter Benutzer ·

Moin,

das geht relativ einfach. Ich hab hier im Forum dazu auch den passenden Code gefunden 😉

{namespace flux=FluidTYPO3\Flux\ViewHelpers}
{namespace v=Tx_Vhs_ViewHelpers}
<div xmlns="http://www.w3.org/1999/xhtml" lang="en"
     xmlns:f="http://typo3.org/ns/fluid/ViewHelpers"
     xmlns:v="http://fedext.net/ns/vhs/ViewHelpers">
 
<f:layout name="ContentElements/Slider" />
 
<!-- Backend configuration -->
<f:section name="Configuration">
	<flux:form wizardTab="FCE" id="slider" label="Slider" icon="Icons/icon.gif">
 
		<flux:form.sheet name="slides">	
			<flux:form.section name="slides">
				<flux:form.object name="slide">
					<flux:field.file name="image" allowed="jpg, jpeg, png, gif" maxItems="1" showThumbnails="1" />			
				</flux:form.object>
			</flux:form.section>
		</flux:form.sheet>
 
 
	</flux:form>
</f:section>
 
<!-- Display in the page backend module -->
<f:section name="Preview">
	<p>Elements: {hallo -> f:count()}</p>
	<flux:widget.grid />
</f:section>
 
<!-- Frontend rendering -->
<f:section name="Main">
 
	<f:if condition="{slides}">
		<div class="flexslider">
			<ul class="slides">
				<f:for each="{slides}" as="slide" iteration="iteration">
					<li>
						<f:image src="{slide.slide.image}" />
					</li>
				</f:for>
			</ul>
		</div>
	</f:if>
 
</f:section>
</div>

Du musst nur mal schauen, ob die ViewHelper noch richtig bezeichnet sind, die wurden in letzter Zeit ja öfter mal umbenannt.

@toifel: Wenn du mit Fluidcontent ein Content Element anlegst, kannst du mit obiger Konfiguration innerhalb eines Content-Elements weitere Elemente anlegen. Man legt also nur ein CE an ( Tabelle, bzw. im Code Slider ) und darin legt man dann entsprechend Zeilen (oder Slides wie im Beispiel) an. Eigentlich genau wie Standard Text mit Bildern, wo du beliebig Bilder in deinem CE anlegen kannst 😉