Dies ist eine alte Version des Dokuments!

Dynamic Content Elements (dce)

Ermöglicht das Anlegen eigener Inhaltselemente (wie FCE bei TemplaVoila!). Mithilfe eines Fluid-Templates lässt sich die gewünschte Ausgabe leicht einrichten.

Bilder mit FAL und Lightbox ausgeben

Die folgende Konfiguration ermöglicht:

Ausgabe von FAL-Bildern
Link für Großansicht mit Lightbox
Einstellung der Bildgrößen für Vorschaubild und Großansicht

DCE Configuration:

<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>image</fieldname> <!-- HIER NAMEN DER VARIABLEN EINTRAGEN! -->
  </foreign_match_fields>
  <foreign_label>uid_local</foreign_label>
  <foreign_selector>uid_local</foreign_selector>
  <foreign_selector_fieldTcaOverride>
    <config>
      <appearance>
        <elementBrowserType>file</elementBrowserType>
        <elementBrowserAllowed>gif,jpg,jpeg,tif,tiff,bmp,pcx,tga,png,pdf,ai</elementBrowserAllowed>
      </appearance>
    </config>
  </foreign_selector_fieldTcaOverride>
 
  <minitems>0</minitems>
  <maxitems>3</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>0</new>
      <dragdrop>0</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>

DCE Template:

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

Snippets + Wiki

Benutzer-Werkzeuge

Webseiten-Werkzeuge

Dynamic Content Elements (dce)

Bilder mit FAL und Lightbox ausgeben

Seiten-Werkzeuge