Zum Inhalt springen

Dynamic Content Elements (DCE)

Erstellt am 29. Juli 2012 · 91 Antworten · letzte Antwort am 14. Mai 2019 · Seite 4 von 5

Tags: Frage

sportline105 ·

Hallo MichiH,

ich habe jetzt ein Bild in ein DCE-Element eingefügt. Weißt du eventuell, wie man das Bild in einen Link verpacken kann, so dass es per Lightbox geöffnet wird?

Gruß

Norbert

MichiH ·

@karloschmid: Hatte bei Input-Feldern immer ein gelbes Ausrufezeichen. Lag bei mir daran, dass in den Standard-Einstellungen die Konfiguration "required" gesetzt ist. Das musst du einfach entfernen.

Flexform

<config>
	<type>input</type>
	<size>30</size>
	<eval>trim,required</eval>
</config>

Bei der Fehlermeldung kann ich leider nicht helfen. Müsste man mal durchtesten wo der SQL-Fehler geschmissen wird.

@sportline105: Ich würd das ungefähr so machen:

Fluid:

<f:for each="{dce:fal(field:'leftImage', contentObject:contentObject)}" as="fileReference">
<a href="{f:uri.image(src:fileReference.uid,treatIdAsReference:1)}" class="lightbox" rel="gallery"> 		
<f:image src="{fileReference.uid}" alt="" treatIdAsReference="1"/> 	
</a >
</f:for>

Gruß
Michi

sportline105 ·

Hallo Michi,

vielen Dank, es funktioniert so wie es sein soll. Was mir jedoch aufgefallen ist, dass bei dieser Variante die responsive Images nicht funktionieren. Hat da vielleicht jemand eine Idee?

karloschmid ·

Hallo Michi,

vielen Dank. Das Entfernen von "required" ist mir aber nicht weiter geholfen. Gelbes Dreieck ist hartnäckig…

Danke auch für den Vorschlag an @sportline105 <class="lightbox" rel="gallery">.
Es funktioniert, aber das Blättern und das restliche Komfort fehlen noch…

Gruß
Karlo

sportline105 ·

Ich habe nun ein weiteres Problem. Ich möchte für die Startseite eine Eingabemaske für News-Beiträge erstellen. Jeder Beitrag ist eine Section. Das klappt soweit auch, nur wird nun in jedem Beitrag das gleiche Bild ausgegeben. Die Bildkonfiguration ist als inline FAL eingestellt. Das Template sieht wie folgt aus:

{namespace dce=Tx_Dce_ViewHelpers}
<f:layout name="Default" />
<f:section name="main">
<f:for each="{field.aktuellBeitrag}" as="beitrag">
<div class="css-klasse2">
	<div class="csc-header"><h1>{beitrag.aktuellesUeberschrift}</h1></div>
		<div class="csc-textpic csc-textpic-intext-left">
			<div class="csc-textpic-imagewrap csc-textpic-single-image">
				<f:for each="{dce:fal(field:'aktuellesBild', contentObject:contentObject)}" as="fileReference">
					<f:image src="{fileReference.uid}" alt="{beitrag.aktuellesUeberschrift}" treatIdAsReference="1" width="100c" height="67c" />
				</f:for>				
			</div>
			<div class="csc-textpic-text">
				<p class="bodytext">{beitrag.aktuellesText}</p>
				<p class="align-right">
					
					<a class="internal-link next" title="{beitrag.aktuellesUeberschrift}" href="{dce:typolinkUrl(parameter:'{beitrag.aktuellesLink}')}">Lesen Sie mehr</a></p>
			</div>
		</div>
	</div>
</f:for>
</f:section>

Auch ist mir aufgefallen, dass anscheinend Sections in Sections nicht funktionieren, oder ist das ein Programmierfehler meinerseits? Genau gesagt geht es um einen Slider, wobei jedes DIV in eine Section erstellt werden sollen. In dieser Section soll es dann eine Überschrift geben und eine weitere section, die ein <li> erstellt.

Achja, noch eine "Anfängerfrage": gibt es eine Möglichkeit in einer Section ein "Verbergen"-Feld einzufügen, welches die Section nicht ausgibt?

PS: Wenn ich ein neues Inhaltselement anlegen möchte fehlt der Tab DCE. Leider habe ich im Netz nicht finden können, wie ich diesen hinzufügen kann?!

Gruß

Norbert

sixx24 ·

Hallo zusammen,
ich habe ein Problem mit FAL und DCE. Und zwar möchte ich ganz simpel ein Bild auswählen können welches im Frontend angezeigt wird.

folgende Config:

<config>
	<type>inline</type>
	<foreign_table>sys_file_reference</foreign_table>
	<foreign_field>uid_foreign</foreign_field>
	<foreign_sortby>sorting_foreign</foreign_sortby>
	<foreign_table_field>tablenames</foreign_table_field>
	<foreign_match_fields>
		<fieldname>bild</fieldname>
	</foreign_match_fields>
	<foreign_label>uid_local</foreign_label>
	<foreign_selector>uid_local</foreign_selector>
	<foreign_selector_fieldTcaOverride>
		<config>
			<appearance>
				<elementBrowserType>file</elementBrowserType>
				<elementBrowserAllowed>jpg,jpeg,png</elementBrowserAllowed>
			</appearance>
		</config>
	</foreign_selector_fieldTcaOverride>

	<minitems>0</minitems>
	<maxitems>5</maxitems>

	<appearance>
		<useSortable>1</useSortable>
		<headerThumbnail>
			<field>uid_local</field>
			<width>64</width>
			<height>64</height>
		</headerThumbnail>

		<showPossibleLocalizationRecords>1</showPossibleLocalizationRecords>
		<showRemovedLocalizationRecords>1</showRemovedLocalizationRecords>
		<showSynchronizationLink>1</showSynchronizationLink>
		<enabledControls>
			<info>0</info>
			<new>1</new>
			<dragdrop>1</dragdrop>
			<sort>1</sort>
			<hide>1</hide>
			<delete>1</delete>
			<localize>1</localize>
		</enabledControls>

		<createNewRelationLinkTitle>LLL:EXT:cms/locallang_ttc.xlf:images.addFileReference</createNewRelationLinkTitle>
	</appearance>

	<behaviour>
		<localizationMode>select</localizationMode>
		<localizeChildrenAtParentLocalization>1</localizeChildrenAtParentLocalization>
	</behaviour>
</config>

Aber bei der Ausgabe hakt es. Hab schon alles versucht. Z.b. so:

<f:image src="{field.bild.uid}" class="hidden-xxs" alt="" />

Bekomme aber keine Ausgabe hin. Wenn ich mir über f:debug alle Variablen ausgebe erscheint bei "bild" nur eine 1. Scheint die Anzahl der Bilder zu sein denn wenn ich im Backend 2 oder mehr hochlade sehe ich hier entsprechend 2 oder 3 etc.

Was mache ich falsch 🙂

Ach ja:
Typo3 6.2.3
DCE 0.10.2

Danke für eure Hilfe.

#####################
OK OK wer das Manual lesen kann ist im Vorteil:

<f:for each="{dce:fal(field:'thisVariableName', contentObject:contentObject)}" as="fileReference">
        <f:image src="{fileReference.uid}" alt="" treatIdAsReference="1" />
</f:for>
sixx24 ·

Und noch eine weitere Frage:

Ist es nicht möglich per DCE 2 sections ineinander zu verschachteln? Ich kann bei der 2ten Section dann keine Kindelemente angeben. Der Button neu anlegen fehlt dann...

grüße

Unbekannter Benutzer ·

Hallo zusammen,

kann man die Anzahl der Sections die angelegt werden können einschränken? Ich möchte z.B. bei einem Slider maximal 7 Elemente erlauben, da wäre es schön ein Limit für den Redakteur zu setzen. Oder muss ich die Prüfung auf der Ausgabeseite durchführen, indem ich auf den iterator zugreife?

Danke!

(Hoffentlich hat das nicht schon jemand gefragt)

Unbekannter Benutzer ·

Wow, noch eine Frage: Kann ich meinem DCE die (TYPO3) Kategorien mitgeben und im Template nutzen?

Was ich geschafft habe:

Variante A: Im "DCE palette fields"-Feld den Wert "categories" eintragen.
Ergebnis: Ich habe das systeminterne Kategorieauswahl-Feld (cool!) im BE zur Verfügung
ABER: im Template kann ich nicht drauf zugreifen; in "fields" ist es nicht drin (klar!), im "contentObject.categories" ist nur die Anzahl(mist!) der ausgewählten Kategorien drin

Variante B: Eigenes Select-Feld bauen

<config>
	<type>select</type>
	<foreign_table>sys_category</foreign_table>
	<size>6</size>
	<selectedListStyle>width:150px</selectedListStyle>
	<itemListStyle>width:150px</itemListStyle>
	<dce_load_schema>1</dce_load_schema>
	<multiple>1</multiple>
</config>

Ergebnis: Ich kann im Template auf die ausgewählte Kategorie inklusive (cool!) Titel/Name/etc zugreifen
ABER: Ich kann im BE immer nur eine (mist!) Kategorie auswählen

Habe ich nur Tomaten auf den Augen und sehe vor lauter fields und categories die Lösung nicht? Oder geht es einfach nicht?

Danke!
BO

TYPO3 6.2.4
DCE 0.10.2

ToBe ·

lass dir mal in Variante A das {fields} debuggen - es sollte gehen dort auch auf die ausgewählten Kategorien zuzugreifen. Das Array ist nur etwas komplizierter verschachtelt glaube ich.

brbanz ·

ging bei mir ganz gut:

<config>
	<type>select</type>
	<renderMode>tree</renderMode>
	<foreign_table>sys_category</foreign_table>
	<treeConfig>
		<parentField>parent</parentField>
	</treeConfig>
	<size>10</size>
	<autoSizeMax>20</autoSizeMax>
	<minitems>0</minitems>
	<maxitems>20</maxitems>
</config>
Unbekannter Benutzer ·

Hallo ToBe,

keine Chance. In Variante A komme ich nicht an die Kategorietitel dran - lediglich die Anzahl der ausgewählten Kategorien ist da (Auszug debug _all):

contentObject =>
[...]
   selected_categories => NULL
   category_field => '' (0 chars)
   categories => '2' (1 chars)

In field/fields kann es eigentlich auch nicht drin sein, weil diese Daten aus dem pi_flexform-Feld gezogen werden...

Trotzdem Danke! :-)

Unbekannter Benutzer ·

Hallo brbanz,

Deine Lösung bewirkte zwar nicht ganz das, was ich wollte (es fehlten die "Kategoriedaten" in der Ausgabe), ABER der richtige Hinweis war drin: ich muss minitems und maxitems angeben, dann klappts auch mit der Mehrfachauswahl. Hier also meine Feld-Konfiguration:

<config>
    <type>select</type>
    <foreign_table>sys_category</foreign_table>
    <size>6</size>
    <dce_load_schema>1</dce_load_schema>
    <multiple>1</multiple>
    <minitems>0</minitems>
    <maxitems>20</maxitems>
</config>

Und die debug-Ausgabe:

fields => array(6 items)
    [...]
    bCat => array(2 items)
        0 => array(34 items)
            [...]
            pid => '3' (1 chars)
            title => 'TEST1' (5 chars)
        1 => array(34 items)
            [...]
            pid => '4' (1 chars)
            title => 'TEST2' (5 chars)

Uff, geschafft.

Vielen Dank!

ToBe ·

Eine Anmerkung zu Backend-Previews - weil ich ewig nach einer Lösung gesucht habe und sich hier so einige Tips sammeln:

Man muss im FE-Template ein Fluid-Image-Tag verwenden, sonst werden im BE keine Previews generiert. Meiner Meinung nach etwas verwirrend und unnötig, dass das im Zusammenhang steht.

Evtl. wird das ja auch mal verändert.

Lizzie ·

Hallo zusammen!

Ich bin bisher begeistert von der Einfachheit und der Möglichkeiten dieser Extension.
Nun komm ich leider nicht mehr weiter, ich hoffe ihr könnt mir hier weiterhelfen?

Ich hab schon kleinere Webseiten erstellt, bin mit Typo3 aber nicht so vertraut, danke für euer Verständnis 🙂

Ich habe mir unter Adminwerkzeuge > DCE ein neues Element angelegt und dort meine Felder (Titel, Textfeld, Bild und eine Auswahlliste) erstellt. Das hat soweit auch gut funktioniert, ich kann alles wie gewünscht erfassen. Bei der Ausgabe komme ich jetzt aber nicht mehr weiter.

Problem 1
Das Feld "kompetenzen" ist eine Auswahlliste, der User soll die Einträge darin selbst verwalten können. Ich habe daher einen Sys-Ordner (mit ID 7) in Typo3 angelegt und die Einträge dort erfasst. Die Config für das Feld sieht so aus:

<config>
	<type>select</type>
	<!-- uncomment this, if you want to add an empty option before -->
	<!-- <items type='array'>
		<numIndex index='0' type='array'>
			<numIndex index='0'></numIndex>
			<numIndex index='1'></numIndex>
		</numIndex>
	</items> -->
	<foreign_table>tt_content</foreign_table>
	<foreign_table_where>AND tt_content.pid = 7 ORDER BY tt_content.header</foreign_table_where>
	<size>10</size>
	<minitems>1</minitems>
	<maxitems>100</maxitems>
</config>

Das ganze funktioniert wie gewünscht, ich habe die Einträge in der Liste und kann dort die jeweiligen Einträge auswählen. In der Ausgabe mit {field.kompetenzen} bekomme ich aber nur die uid der Einträge angezeigt. Wie schaff ich es die Namen dieser Einträge anzuzeigen. In der Tabelle tt_content stehen die gewünschten Werte im Feld "header". Ich möchte einfach eine Auflistung wie <li>Name</li> der ausgewählten Elemente ausgeben.

Problem 2
Über das Feld "bilder" können beliebig viele Bilder hinzugefügt werden.

<config>
	<type>group</type>
	<internal_type>file</internal_type>
	<allowed>jpg,jpeg,png,gif</allowed>
	<size>5</size>
	<minitems>0</minitems>
	<maxitems>100</maxitems>
	<uploadfolder>fileadmin/Bilder/Einsatzgebiete</uploadfolder>
	<show_thumbs>1</show_thumbs>
</config>

Die Auswahl funktioniert soweit und ein einzelnes Bild kann ich auch ausgeben:

<f:image src="fileadmin/Bilder/Einsatzgebiete/{field.bilder}" alt="Thumbnail {field.titel}" maxWidth="320" maxHeight="320" />

Nun möchte ich, falls mehr als ein Bild erfasst ist, das erste Bild einzeln wie anzeigen und weiter unten die weitern Bilder (z.B. 2-6) in kleinerer grösse anzeigen. So sieht momentan mein Template-Inhalt aus:

<f:layout name="Default" />

<f:section name="main">
	{namespace dce=Tx_Dce_ViewHelpers}
	
	<h1>{field.titel}</h1>
	<f:image src="fileadmin/Bilder/Einsatzgebiete/{field.bilder}" alt="Thumbnail {field.titel}" maxWidth="320" maxHeight="320" />
	<strong>Kompetenz</strong>
	{field.kompetenzen}
		
	{field.text}

	//Die restlichen Bilder hier ausgeben
</f:section>

Vielen Dank für eure mühen, mir wäre wirklich sehr geholfen. Ich komm hier alleine nicht mehr weiter. 🙁

Unbekannter Benutzer ·

Hallo Lizzie,

versuch mal bei Problem#1 die Zeile

<dce_load_schema>1</dce_load_schema>

in Deine Feldkonfiguration aufzunehmen. Vielleicht kommst Du dadurch an die Namen...

Grüße,
boitnrw

Lizzie ·

Lieben Dank für deine Antwort.
Ich habe die Zeile eingefügt. Jetzt erscheint im Frontend anstelle der ID-Auflistung wie vorher (z.B. 31,35) einfach nur noch: Array

Mein Code unter Template sieht so aus:

<f:layout name="Default" />

<f:section name="main">
	{namespace dce=Tx_Dce_ViewHelpers}
	
	<h1>{field.titel}</h1>
	<f:image src="fileadmin/bausan-isotech/Bilder/Einsatzgebiete/{field.bilder}" alt="Thumbnail {field.titel}" maxWidth="320" maxHeight="320" />
	<strong>Kompetenz</strong>
	
	{field.text}
	{field.kompetenzen}
	
	
</f:section>
Unbekannter Benutzer ·

Genau das ist ja auch, was Du wolltest... :-)

Das Array kannst Du mit einer for-Schleife durchlaufen. Um herauszufinden, was drin steht füge mal die Zeile

<f:debug>{field.kompetenzen}</f:debug>

in Dein Template ein (z.B. vor die H1).

Grüße,
boitnrw