@@ -17,6 +17,15 @@ $GLOBALS['TL_DCA']['tl_content']['palettes']['background_wrapper'] = '

     {invisible_legend:hide},invisible,start,stop

 ';

+$GLOBALS['TL_DCA']['tl_content']['palettes']['grid_placement_wrapper'] = '

+    {type_legend},type,headline;

+    {grid_placement_legend},vr_gpw_grid;

+    {template_legend:hide},customTpl;

+    {protected_legend:hide},protected;

+    {expert_legend:hide},cssID;

+    {invisible_legend:hide},invisible,start,stop

+';

+

 $GLOBALS['TL_DCA']['tl_content']['subpalettes']['vr_bw_addImage'] = 'vr_bw_bgSRC,size,vr_bw_bgSize,vr_bw_bgPos,vr_bw_bgOpacity';

 $GLOBALS['TL_DCA']['tl_content']['subpalettes']['vr_bw_minHeight_-mh-ratio'] = 'vr_bw_mh_ratio';

 $GLOBALS['TL_DCA']['tl_content']['subpalettes']['vr_bw_minHeight_-mh-vh'] = 'vr_bw_mh_viewport';

@@ -213,3 +222,14 @@ $GLOBALS['TL_DCA']['tl_content']['fields']['vr_bw_padding'] = [

     'eval'      => ['mandatory' => false, 'tl_class' => 'w50'],

     'sql'       => "varchar(24) NOT NULL default ''"

 ];

+

+$GLOBALS['TL_DCA']['tl_content']['fields']['vr_gpw_grid'] = [

+    'exclude' => true,

+    'inputType' => 'gridPosition',

+    'eval'      => [

+        'tl_class' => 'clr',

+        'cols' => 12,

+        'rows' => 6,

+    ],

+    'sql' => "text NULL",

+];

@@ -10,21 +10,13 @@

                 <source>Provides a background wrapper with centered content area.</source>

                 <target>Stellt einen Hintergrundumschlag zur Verfügung mit zentriertem Inhaltsbereich.</target>

             </trans-unit>

-            <trans-unit id="FMD.managed_property.0">

-                <source>Managed properties</source>

-                <target>Verwaltete Objekte</target>

+            <trans-unit id="CTE.grid_placement_wrapper.0">

+                <source>Grid placement Wrapper</source>

+                <target>Grid Platzierungs-Umschlag</target>

             </trans-unit>

-            <trans-unit id="FMD.managed_property.1">

-                <source>Administration of managed properties.</source>

-                <target>Pflege von verwalteten Objekten.</target>

-            </trans-unit>

-            <trans-unit id="FMD.managed_property_reader.0">

-                <source>Managed property reader</source>

-                <target>Verwaltetes Objekt Leser</target>

-            </trans-unit>

-            <trans-unit id="FMD.managed_property_reader.1">

-                <source>Shows details of a managed property.</source>

-                <target>Zeigt Details eines verwalteten Objektes.</target>

+            <trans-unit id="CTE.grid_placement_wrapper.1">

+                <source>Provides a grid wrapper where you can define the position of the nested fragments.</source>

+                <target>Bietet einen Grid-Wrapper, in dem Sie die Position der verschachtelten Fragmente festlegen können.</target>

             </trans-unit>

         </body>

     </file>

@@ -140,6 +140,20 @@

                 <source>Content settings</source>

                 <target>Inhalts-Einstellungen</target>

             </trans-unit>

+

+            <trans-unit id="tl_content.vr_gpw_grid.0">

+                <source>Define placement</source>

+                <target>Platzierung definieren</target>

+            </trans-unit>

+            <trans-unit id="tl_content.vr_gpw_grid.1">

+                <source>Define the position of nested fragments in the grid. Select a single cell or a rectangle of multiple cells.</source>

+                <target>Die Position verschachtelter Fragmente im Raster definieren. Wählen Sie eine einzelne Zelle oder ein Rechteck mit mehreren Zellen aus.</target>

+            </trans-unit>

+

+            <trans-unit id="tl_content.grid_placement_legend">

+                <source>Grid placement</source>

+                <target>Raster-Platzierung</target>

+            </trans-unit>

         </body>

     </file>

 </xliff>

@@ -8,17 +8,11 @@

             <trans-unit id="CTE.background_wrapper.1">

                 <source>Provides a background wrapper with centered content area.</source>

             </trans-unit>

-            <trans-unit id="FMD.managed_property.0">

-                <source>Managed properties</source>

+            <trans-unit id="CTE.grid_placement_wrapper.0">

+                <source>Grid placement Wrapper</source>

             </trans-unit>

-            <trans-unit id="FMD.managed_property.1">

-                <source>Administration of managed properties.</source>

-            </trans-unit>

-            <trans-unit id="FMD.managed_property_reader.0">

-                <source>Managed property reader</source>

-            </trans-unit>

-            <trans-unit id="FMD.managed_property_reader.1">

-                <source>Shows details of a managed property.</source>

+            <trans-unit id="CTE.grid_placement_wrapper.1">

+                <source>Provides a grid wrapper where you can define the position of the nested fragments.</source>

             </trans-unit>

         </body>

     </file>

new file mode 100644

@@ -0,0 +1,69 @@

+<?xml version="1.0" encoding="UTF-8"?>

+<xliff version="1.1">

+    <file source-language="en">

+        <body>

+            <trans-unit id="tl_content.vr_bw_addImage.0">

+                <source>Add background image/video</source>

+            </trans-unit>

+            <trans-unit id="tl_content.vr_bw_addImage.1">

+                <source>Adds a background image/video to the wrapper element.</source>

+            </trans-unit>

+            <trans-unit id="tl_content.vr_bw_bgSRC.0">

+                <source>Background source file</source>

+            </trans-unit>

+            <trans-unit id="tl_content.vr_bw_bgSRC.1">

+                <source>Please choose an image or video file from the files directory.</source>

+            </trans-unit>

+            <trans-unit id="tl_content.vr_bw_bgSize.0">

+                <source>Background scaling</source>

+            </trans-unit>

+            <trans-unit id="tl_content.vr_bw_bgSize.1">

+                <source>Please choose how the background should be scaled.</source>

+            </trans-unit>

+            <trans-unit id="tl_content.vr_bw_bgPos.0">

+                <source>Background position</source>

+            </trans-unit>

+            <trans-unit id="tl_content.vr_bw_bgPos.1">

+                <source>Please choose the positioning of the background.</source>

+            </trans-unit>

+            <trans-unit id="tl_content.vr_bw_bgOpacity.0">

+                <source>Background opacity</source>

+            </trans-unit>

+            <trans-unit id="tl_content.vr_bw_bgOpacity.1">

+                <source>You can set the background image/video opacity.</source>

+            </trans-unit>

+            <trans-unit id="tl_content.vr_bw_bgColor.0">

+                <source>Background color</source>

+            </trans-unit>

+            <trans-unit id="tl_content.vr_bw_bgColor.1">

+                <source>Set a background color to the wrapper element.</source>

+            </trans-unit>

+            <trans-unit id="tl_content.vr_bw_bgWidthRestriction.0">

+                <source>Restrict background width</source>

+            </trans-unit>

+            <trans-unit id="tl_content.vr_bw_bgWidthRestriction.1">

+                <source>Restrict background image/video to the content area width.</source>

+            </trans-unit>

+            <trans-unit id="tl_content.vr_bw_minHeight.0">

+                <source>Minimum height</source>

+            </trans-unit>

+            <trans-unit id="tl_content.vr_bw_minHeight.1">

+                <source>Set a minimum height for the wrapper element.</source>

+            </trans-unit>

+            <trans-unit id="tl_content.vr_bw_mh_viewport.0">

+                <source>Viewport oriented height</source>

+            </trans-unit>

+

+            <trans-unit id="tl_content.vr_gpw_grid.0">

+                <source>Define placement</source>

+            </trans-unit>

+            <trans-unit id="tl_content.vr_gpw_grid.1">

+                <source>Define the position of nested fragments in the grid. Select a single cell or a rectangle of multiple cells.</source>

+            </trans-unit>

+

+            <trans-unit id="tl_content.grid_placement_legend">

+                <source>Grid placement</source>

+            </trans-unit>

+        </body>

+    </file>

+</xliff>

new file mode 100644

@@ -0,0 +1,6 @@

+{% extends "@Contao/content_element/_base.html.twig" %}

+{% import "@ContaoCore/Image/Studio/_macros.html.twig" as studio %}

+

+{% block content %}

+

+{% endblock %}

new file mode 100644

@@ -0,0 +1,24 @@

+<?php

+

+declare(strict_types=1);

+

+namespace vonRotenberg\CoretoolsBundle\Controller\ContentElement;

+

+use Contao\ContentModel;

+use Contao\CoreBundle\Controller\ContentElement\AbstractContentElementController;

+use Contao\CoreBundle\DependencyInjection\Attribute\AsContentElement;

+use Contao\CoreBundle\Twig\FragmentTemplate;

+use Contao\FilesModel;

+use Contao\System;

+use Symfony\Component\HttpFoundation\Request;

+use Symfony\Component\HttpFoundation\Response;

+

+#[AsContentElement(category: 'miscellaneous', nestedFragments: true)]

+class GridPlacementWrapperController extends AbstractContentElementController

+{

+    protected function getResponse(FragmentTemplate $template, ContentModel $model, Request $request): Response

+    {

+

+        return $template->getResponse();

+    }

+}