如何在后端布置磁通网格视图？

Question

我在TYPO3 6.2上使用flux（7.0.0）和fluidcontent（4.0.0）。我的内容模型如下，使用＆＃34;复合模式＆＃34;：

• 有一个内容元素＆＃34; row＆＃34; （以不同的形式），它是一个容器元素，包含更多的内容元素。它只有一个内容子列。
• 有＆＃34; leaf＆＃34;内容元素，以显示实际内容。例如＆＃34;单个图像＆＃34;，＆＃34;文本＆＃34;，还有＆＃34;行＆＃34;。这些叶子中的每一个都有一个width作为属性。

为引导程序渲染整个内容，并且在每一行中，子项只是向左浮动。

我的问题是：如何在后端网格视图中布局内容元素以类似前端输出？如果每个内容元素都会从其属性中添加一个显示宽度并向左浮动，那将是一个很大的改进。

content元素中的网格定义如下所示：

<flux:flexform.grid>
    <flux:flexform.grid.row>
        <flux:flexform.content name="rowcontent" label="{f:translate(id: 'row.column.label')}" />
    </flux:flexform.grid.row>
</flux:flexform.grid>

后端当前布局的示例。每个图像内容元素具有25％的宽度设置。如果它们彼此相邻会更好：

Answer 1

在模板的预览部分中，您通常会使用<flux:widget.grid />。

相反：

1）将文件从flux / Resources / Private / Templates / ViewHelpers / Widget / Grid /和flux / Classes / ViewHelpers / Widget /复制到您的扩展程序。

2）在您复制的所有内容中重命名以适合您的供应商前缀/命名空间。

3）在行模板中包含新的命名空间，并使用<YourNamespace:widget.grid />进行预览。

4）现在，您可以自定义复制的模板，使其浮动而不是在表格中。