title: How to layout the flux grid view in the backend?
body: <p>I'm using flux (7.0.0) and fluidcontent (4.0.0) on TYPO3 6.2. My content model is as follows, using the "Composite Pattern":</p>
  
  <ul>
  <li>There is a content element "row" (in different flavors), which is a container element, to contain more content elements. It has only one subcolumn of content.</li>
  <li>There are "leaf" content elements, to display the actual content. Examples would be "single image", "text", but also "row". Each of these leafs has a <code>width</code> as property.</li>
  </ul>
  
  <p>The whole thing is rendered for bootstrap, and within each row, the children are just floated left.</p>
  
  <p>My question is: How do I layout the content elements in the backend grid view to resemble the frontend output? It would be a great improvement if each content element would get a display-width added from its properties and be floated left.</p>
  
  <p>The grid definition in the content element looks like this:</p>
  
  <pre><code>&lt;flux:flexform.grid&gt;
      &lt;flux:flexform.grid.row&gt;
          &lt;flux:flexform.content name="rowcontent" label="{f:translate(id: 'row.column.label')}" /&gt;
      &lt;/flux:flexform.grid.row&gt;
  &lt;/flux:flexform.grid&gt;
  </code></pre>
  
  <p>An example of the current layout in the backend. Each of the image content elements has 25% width set to it. It would be much nicer, if they would be beside each other:</p>
  
  <p><img src="https://i.stack.imgur.com/tRgO0.png" alt="Current layout in the backend"></p>