如何在后端布局磁通网格视图?

约斯特

我在TYPO3 6.2上使用通量(7.0.0)和流体含量(4.0.0)。我的内容模型如下,使用“复合模式”:

  • 存在一个内容元素“行”(具有不同的样式),它是一个容器元素,其中包含更多的内容元素。它只有一个子列的内容。
  • 存在“叶”内容元素,以显示实际内容。例如“单个图像”,“文本”,也可以是“行”。每个叶子都有一个widthas属性。

整个东西都被渲染以进行引导,并且在每一行中,子项只是向左浮动。

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

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%。如果它们彼此并排,那就更好了:

后端中的当前布局

达尼洛

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

代替:

1)将文件从拷贝过来flux / Resources / Private / Templates / ViewHelpers / Widget / Grid /,并flux / Classes / ViewHelpers / Widget /给您的分机。

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

3)在行模板中包括该新名称空间,并<YourNamespace:widget.grid />用于预览。

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

当数据来自后端时,如何在从网格视图中单击项目时刷新布局

来自分类Dev

Extbase:如何在后端切换CE(模拟FE->布局)

来自分类Dev

如何在后端捕获POST请求?

来自分类Dev

如何连接嵌套磁通

来自分类Dev

如何在后端线程中使用JpaRepository?

来自分类Dev

Xamarin-如何在后端呈现列表

来自分类Dev

如何在后端显示Django时间戳

来自分类Dev

如何在后端更新10位获奖者?

来自分类Dev

Django:如何在后端的受限表单集中添加表单?

来自分类Dev

如何在后端magento中播放Avi,FLV文件

来自分类Dev

Xamarin-如何在后端呈现列表

来自分类Dev

如何在后端列表中使用“硬编码”范围

来自分类Dev

如何在后端的nodejs中进行排序

来自分类Dev

如何触发RelayMutations的磁通动作

来自分类Dev

如何在视图框内拉伸网格

来自分类Dev

如何在视图中放置网格

来自分类Dev

IOS Swift - 网格视图布局

来自分类Dev

Android如何在布局内渲染视图?

来自分类Dev

如何在抽屉布局上方添加视图?

来自分类Dev

如何在android布局中使用视图?

来自分类Dev

如何在 LinearLayout 中重叠布局/视图?

来自分类Dev

如何在垂直位置使用网格视图显示图像视图?

来自分类Dev

如何在网格布局中对齐“框”

来自分类Dev

如何在Xamarin Forms网格布局中嵌入图像

来自分类Dev

如何在引导程序中设置网格布局样式?

来自分类Dev

如何在codeigniter中以网格布局显示帖子

来自分类Dev

如何在 Angular Dart 中实现网格布局?

来自分类Dev

如何在后端的Laravel中从数据库中获取数据的分页

来自分类Dev

如何在后端使用Ruby on Rails在发布请求中访问嵌套的json参数

Related 相关文章

热门标签

归档