Dynamic Content Elements (DCE)

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

@Karlo

ein Feld ist auch "required" wenn es auf <minitems>1</minitems> gesetzt ist.

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>

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

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)

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

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.

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>

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! :-)

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!

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.

gelöscht

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. 🙁

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

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>

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

Damit bekomme ich diese Ausgabe im Browser:

array(2 items)
   0 => Tx_Dce_Domain_Model_Dceprototypemodified entity (uid=2, pid=0)
      templateFields => array(4 items)
         0 =>

Aber die gewünschten Namen der Elemente bekomm ich hier auch nicht oder übersehe ich da etwas?

Ich bin jetzt mittlerweile auf viewHelper gestossen (sorry ist noch alles ganz neu für mich) und hab mich an einem eigenen versucht. Damit ist es mir schon mal gelungen die gewünschten Namen der Ids aus der Tabelle tt_conten zu holen.

Hallo Zusammen

Ich nochmals, bin immer noch auf der Suche nach einer Lösung für mein erstes Problem. Ich möchte jetzt den String aus {field.bilder} (z.B. "foto1.jpg, foto2.jpg, foto3.jpg" ) mit einem eigenen ViewHelper in ein Array umwandeln und dieses dann mit einer for-Schleife auslesen.

Ich bekomme aber immer die nicht sehr aussagekräftige Fehlermeldung: "Oops, an error occurred!"

Hat jemand einen Tipp für mich? Komme einfach nicht mehr weiter.

ExplodeViewHelper.php

<?php
class Tx_Dce_ViewHelpers_ExplodeViewHelper extends Tx_Fluid_Core_ViewHelper_AbstractViewHelper {
	/**
    * @param string $string
    * @param string $delimiter
	*
	* @return array
    */
	public function render($string, $delimiter) {
		return explode($delimiter, $string);
	}
}
?>

DCE Template

<f:layout name="einsatzgebiete" />

<f:section name="main">
	
	
	{namespace dce=Tx_Dce_ViewHelpers}
	
	
	<article data-name="{field.titel}" data-komp="<dce:eintragsname string='{field.kompetenzen}' />">
		
		<h1>{field.titel}</h1>
		
		<strong>Ausführungsjahr</strong>
		
		<strong>Arbeitsbereiche</strong>
		<dce:colorText color="{field.kompetenzen}" />
		
		<f:format.html>{field.text}</f:format.html>
		
		<ul>
		<f:for each="{dce:explode(string: '{field.bilder}', delimiter: ',')}" as="bild">
			<f:then>
				<li>{bild}</li>
			</f:then>                            
		</f:for>
		</ul>
				
		
	</article>
	
</f:section>

Konfiguration des Feldes Bilder

<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/News-Projekte</uploadfolder>
	<show_thumbs>1</show_thumbs>
</config>

Versuche die Bildunterschriften im dce:fal Fluidtemplate auszugeben. Jemand Tipp? Vielen Dank!

<f:section name="main">
	<f:for each="{dce:fal(field:'img', contentObject:contentObject)}" as="fileReference">
	<figure>
		<f:image src="{fileReference.uid}" treatIdAsReference="1" />
	</figure>
	</f:for>
</f:section>

hallo forum,

kann man die Ext. DCE so aufbauen, dass man wie bei z.b. "gridelements" alle Datensätze und Dateien auslagern kann?

Habe gesehen, dass wenn ich einen DCE Datensatz angelegt habe, kann ich die "Vorlage" in eine Datei auslagern.
oder auch "Fluid Layout, Root-Verzeichnis" kann bearbeitet werden.

Doch ich möchte erst gar keinen Datensatz im Backend anlegen, sondern alles via typoscript, fluid, flexforms usw.

mit gridelements klappt die Auslagerung ziemlich gut!
geht das auch mit der DCE ?

Ich freue mich auf eine Antwort oder Hilfen 🙂
Sebastian