2014-03-27 33 views
2

我在TYPO3 6.2上使用flux(7.0.0)和fluidcontent(4.0.0)。我的內容模型如下,使用「複合模式」:如何在後端佈置flux網格視圖?

  • 有一個內容元素「行」(在不同的口味),它是一個容器元件,包含多個內容元素。它只有一個內容子列。
  • 有「葉」內容元素,以顯示實際內容。例如「單幅圖像」,「文字」,還有「行」。每個葉子都有一個width作爲屬性。

整個事情是爲bootstrap呈現的,並且在每一行內,孩子們只是向左漂移。

我的問題是:如何佈局後端網格視圖中的內容元素以類似於前端輸出?如果每個內容元素都會從其屬性中添加一個顯示寬度並將其左移,這將是一個很大的改進。

在內容元素的格網定義是這樣的:

<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%的寬度。這將是好得多,如果他們將彼此的旁邊:

Current layout in the backend

回答

3

在模板的預覽部分,您通常會使用<flux:widget.grid />

相反:

1)在複製文件從flux/Resources/Private/Templates/ViewHelpers/Widget/Grid /flux/Classes/ViewHelpers/Widget /到您的分機。

2)將您複製的所有內容重命名爲適合您的供應商前綴/名稱空間。

3)將新命名空間添加到行模板中,並使用<YourNamespace:widget.grid />進行預覽。

4)現在您可以自定義您複製的模板,以便它們浮動而不是放在表格中。

+0

This Works。一個補充,但: 沒有必要複製ViewHelper,它只需設置'plugin.tx_flux.view.templateRootPath = EXT:extkey/...'。這消除了在更新時手動更新複製的Viewhelper的需求(但還有其他缺點,例如,如果添加了另一個模板)。 – Jost

+0

我會再等幾天,如果沒有更好的答案彈出,你會得到賞金。 – Jost

+0

嘿Jost,確定你可以覆蓋模板。我明確表示不提出這樣的建議,因爲你想疊加那一個並保持靈活性。 – Danilo