3. Add an custom backend preview for our new content element

# PageTSConfig You can add a custom backend preview for the page module, just by setting the path to your fluid template in PageTSConfig! Schema: mod.web_layout.tt_content.preview.the_ctype_of_you_content_element # Fluid Template The TYPO3 backend depends on bootstrap since TYPO3 7.6. Therefore we can use common classes to add a grid to the backend preview of our content element. All columns/properties of the content element are available within fluid -> check the debug (line 8) Voilà ツ
josefglatz · Oct 6, 2016 · 1cd93d1 · 1cd93d1
1 parent e62b58b
commit 1cd93d1
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/typo3conf/ext/theme/Configuration/TSConfig/Page/General/BackendPreview.tsc b/typo3conf/ext/theme/Configuration/TSConfig/Page/General/BackendPreview.tsc
@@ -0,0 +1,3 @@
+mod.web_layout.tt_content.preview {
+    theme_tuga = EXT:theme/Resources/Private/Templates/Content/BackendPreview/TugaBackend.html
+}
diff --git a/typo3conf/ext/theme/Resources/Private/Templates/Content/BackendPreview/TugaBackend.html b/typo3conf/ext/theme/Resources/Private/Templates/Content/BackendPreview/TugaBackend.html
@@ -0,0 +1,11 @@
+<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
+
+<div class="row">
+	<div class="col-md-6">
+		{header}
+	</div>
+	<div class="col-md-6">
+		{_all -> f:debug(inline:1)}
+	</div>
+</div>
+</html>