Создание фиксированного FCE с жидким содержимым

Question

Ширина этого кода я могу определить содержание:

 <flux:flexform.section name="columns">
    <flux:flexform.object name="column" label="column">
      <flux:flexform.field.input name="demo" label="Demo field" />          
    </flux:flexform.object>
  </flux:flexform.section>

  <flux:flexform.grid>
    <flux:flexform.grid.row>
      <f:for each="{columns}" as="sectionObject" iteration="iteration">
        <flux:flexform.grid.column>
          <flux:flexform.content name="column{iteration.cycle}" label="Column {iteration.cycle}" />
        </flux:flexform.grid.column>
      </f:for>
    </flux:flexform.grid.row>
   </flux:flexform.grid>

Это гибкий. Я могу добавить новые "области содержимого" через раздел. Но это не то, что я хочу. Я хочу определить очень фиксированный FCE с двумя столбцами и с тремя столбцами. Мой редактор не должен решать, сколько столбцов использовать.

Я пропускаю что-то вроде:

 <flux:flexform.field.contentArea name="col1" label="Column 1" />           
 <flux:flexform.field.contentArea name="col2" label="Column 2" />           

  <flux:flexform.grid>
    <flux:flexform.grid.row>
        <flux:flexform.grid.column>
              <flux:flexform.content name="col1" />
        </flux:flexform.grid.column>
        <flux:flexform.grid.column>
              <flux:flexform.content name="col2" />
        </flux:flexform.grid.column>
    </flux:flexform.grid>
  </flux:flexform.grid.row>

Спасибо за подсказку в правильном направлении.

Answer 1

Вы очень близки к решению с кодом, который у вас уже есть. В этом примере я буду использовать новые имена ViewHelper - но вы можете получить тот же результат, используя старые имена, как в вашем примере. Который, который, должно быть легко определить (примечание: в вашем примере кода, который я редактировал, была опечатка, rgid используется вместо grid - такая опечатка приведет к ошибке Flux):

<flux:grid> <flux:grid.row> <flux:grid.column> <flux:content name="col1" label="Nice name for column 1" /> </flux:grid.column> <flux:grid.column> <flux:content name="col2" label="Column 2" /> </flux:grid.column> </flux:grid> </flux:grid.row>

И удалить flux:form.section с объектом внутри него - вам это не нужно, когда вы создаете статически заданную сетку.

Затем отрендерить эту сетку:

<flux:content.render area="col1" /> и так далее.