Created
July 24, 2016 10:21
-
-
Save danielkoch/5f9b48df5fe067d9ddbafc6c3684e5cf to your computer and use it in GitHub Desktop.
FED fluid colum for TYPO3 6.2
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{namespace flux=FluidTYPO3\Flux\ViewHelpers} | |
{namespace v=FluidTYPO3\Vhs\ViewHelpers} | |
<f:layout name="Content" /> | |
<f:section name="Configuration"> | |
<f:if condition="{columns} < 1"> | |
<v:variable.set name="columns" value="1"></v:variable.set> | |
</f:if> | |
<flux:form wizardTab="FCE" id="contentColumns" enabled="TRUE" options="{icon: 'columns.png' }"> | |
<flux:field.input name="header" /> | |
<flux:field.checkbox name="line" /> | |
<flux:field.select name="columnClass" | |
items="{ | |
0: {0: '100%', 1: '100'}, | |
1: {0: '50% - 50%', 1: '50-50'}, | |
2: {0: '66% - 33%', 1: '66-33'}, | |
3: {0: '33% - 33% - 33%', 1: '33-33-33'}, | |
4: {0: '25% - 25% - 25% - 25%', 1: '25-25-25-25'} | |
}" maxItems="1" /> | |
<flux:grid> | |
<flux:grid.row> | |
<f:for each="{v:iterator.explode(as: 'columnClass', glue: '-', as: 'NULL')}" as="className" iteration="iteration"> | |
<flux:grid.column style="width: {className}%"> | |
<flux:form.content name="column{iteration.cycle}" /> | |
</flux:grid.column> | |
</f:for> | |
</flux:grid.row> | |
</flux:grid> | |
</flux:form> | |
</f:section> | |
<f:section name="Preview"> | |
{columnClass} | |
<flux:widget.grid /> | |
</f:section> | |
<f:section name="Main"> | |
<f:if condition="{header}"> | |
<h2 class="section-headline">{header}</h2> | |
</f:if> | |
<div class="line size-{columnClass} page-gap"> | |
<f:for each="{v:iterator.explode(as: 'columnClass', glue: '-', as: 'NULL')}" as="className" iteration="iteration"> | |
<div class="unit size-{className} unit-{iteration.cycle}"> | |
<flux:content.render area="column{iteration.cycle}" /> | |
</div> | |
</f:for> | |
</div> | |
<f:if condition="{line}"> | |
<hr/> | |
</f:if> | |
</f:section> | |
Die "Inhalte" der columns wurden nicht ausgegeben. Durch die Änderung zu {columnClass -> v:iterator.explode(glue: '-')}
funktioniert dies nun.
Was nur aktuell noch fehlt ist scheinbar die Übergabe in die einzelnen der Parameter in die einzelnen "Childs" hinein.
Z.B. werden die Sprachlabels nicht aufgelöst:
Sowie im "Child"-Element selber werden ebenfalls Informationen/Pfade nicht gefunden:
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Was genau funktioniert denn nicht?
Was ich auf Anhieb gesehen habe, ist:
<flux:form wizardTab="FCE" id="contentColumns" enabled="TRUE" options="{icon: 'columns.png' }">
muss lauten:
<flux:form id="contentColumns" options="{group: 'FCE', icon: 'EXT:foo/Resources/Public/Images/columns.png' }">
und
{v:iterator.explode(as: 'columnClass', glue: '-', as: 'NULL')}
soll sicher lauten:
{columnClass -> v:iterator.explode(glue: '-')}