Hallo zusammen,
ich habe mit Mask ein zweispaltiges Element erstellt. Als Inhalt können in beiden Spalten normale Content Elemente wie z.B. Überschrift, Text/Image oder auch News eingefügt werden. Funktioniert soweit alles wie gewünscht. Jetzt möchte ich noch das Backend-Layout entsprechend anpassen.
Wie bekomme ich es hin, das es im Backend so aussieht?
Aktuell sieht es noch so aus:
Das ist mein Fluid-Template:
<html xmlns:be="http://typo3.org/ns/TYPO3/CMS/Backend/ViewHelpers"
xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
{data.header}
<div class="row" style="display: flex;">
<div class="col-lg-4" style="max-width: 33%;">
<div><strong>Linke Spalte</strong></div>
<f:if condition="{data.tx_mask_2columns_leftcontent}">
<f:for each="{data.tx_mask_2columns_leftcontent}" as="data_item">
<be:link.editRecord uid="{data_item.uid}" table="tt_content">
<div
style="background-color: #eeeeee; border-top: 1px solid #bbbbbb; border-left: 1px solid #bbbbbb; border-right: 1px solid #bbbbbb; padding: 5px;">
<div class="btn btn-default">
<core:icon identifier="actions-open" size="small">Bearbeiten</core:icon>
</div>
</div>
<div
style="padding: 10px; border-bottom: 1px solid #bbbbbb; border-left: 1px solid #bbbbbb; border-right: 1px solid #bbbbbb; margin-bottom: 10px;">
<f:cObject typoscriptObjectPath="lib.tx_mask.content">{data_item.uid}</f:cObject>
</div>
</be:link.editRecord>
</f:for>
</f:if>
</div>
<div class="col-lg-8" style="max-width: 66%;">
<div><strong>Rechte Spalte</strong></div>
<f:if condition="{data.tx_mask_2columns_rightcontent}">
<f:for each="{data.tx_mask_2columns_rightcontent}" as="data_item">
<be:link.editRecord uid="{data_item.uid}" table="tt_content">
<div
style="background-color: #eeeeee; border-top: 1px solid #bbbbbb; border-left: 1px solid #bbbbbb; border-right: 1px solid #bbbbbb; padding: 5px;">
<div class="btn btn-default">
<core:icon identifier="actions-open" size="small">Bearbeiten</core:icon>
</div>
</div>
<div
style="padding: 10px; border-bottom: 1px solid #bbbbbb; border-left: 1px solid #bbbbbb; border-right: 1px solid #bbbbbb; margin-bottom: 10px;">
<f:cObject typoscriptObjectPath="lib.tx_mask.content">{data_item.uid}</f:cObject>
</div>
</be:link.editRecord>
</f:for>
</f:if>
</div>
</div>
</html>
Also ich möchte eine entsprechende Vorschau der Content Elemente bekommen.