1 files changed, 129 insertions, 7 deletions
diff --git a/src/client/views/nodes/DataVizBox/DocCreatorMenu/TemplateBackend.tsx b/src/client/views/nodes/DataVizBox/DocCreatorMenu/TemplateBackend.tsx
index dbb332734..20080e7b1 100644
--- a/src/client/views/nodes/DataVizBox/DocCreatorMenu/TemplateBackend.tsx
+++ b/src/client/views/nodes/DataVizBox/DocCreatorMenu/TemplateBackend.tsx
@@ -338,6 +338,76 @@ export class TemplateLayouts {
         ],
     };
 
+    public static FourField005: FieldSettings = {
+        title: 'fourfield04',
+        viewType: ViewType.FREEFORM,
+        tl: [0,0],
+        br: [400,700],
+        opts: {
+            backgroundColor: '#6CCAF0',
+            borderColor: '#1088C3',
+            borderWidth: '10',
+        },
+        subfields: [
+            {
+                viewType: ViewType.STATIC,
+                tl: [-0.8, -.9],
+                br: [-.05, .15],
+                types: [TemplateFieldType.TEXT, TemplateFieldType.VISUAL],
+                sizes: [TemplateFieldSize.TINY, TemplateFieldSize.SMALL],
+                description: 'A small text field for a title that categorizes the rest of the content.',
+                opts: {
+                    borderColor: 'yellow',
+                    borderWidth: '8',
+                    contentXCentering: "h-center",
+                    backgroundColor: 'transparent',
+                },
+            },
+            {
+                viewType: ViewType.STATIC,
+                tl: [-0.8, -.9],
+                br: [0.8, -.5],
+                types: [TemplateFieldType.TEXT],
+                sizes: [TemplateFieldSize.TINY, TemplateFieldSize.SMALL],
+                description: 'A small text field for a title that categorizes the rest of the content.',
+                opts: {
+                    borderColor: 'yellow',
+                    borderWidth: '8',
+                    contentXCentering: "h-center",
+                    backgroundColor: 'transparent',
+                },
+            },
+            {
+                viewType: ViewType.STATIC,
+                tl: [-0.8, -.9],
+                br: [0.8, -.5],
+                types: [TemplateFieldType.TEXT],
+                sizes: [TemplateFieldSize.TINY, TemplateFieldSize.SMALL],
+                description: 'A small text field for a title that categorizes the rest of the content.',
+                opts: {
+                    borderColor: 'yellow',
+                    borderWidth: '8',
+                    contentXCentering: "h-center",
+                    backgroundColor: 'transparent',
+                },
+            },
+            {
+                viewType: ViewType.STATIC,
+                tl: [-0.8, -.9],
+                br: [0.8, -.5],
+                types: [TemplateFieldType.TEXT],
+                sizes: [TemplateFieldSize.TINY, TemplateFieldSize.SMALL],
+                description: 'A small text field for a title that categorizes the rest of the content.',
+                opts: {
+                    borderColor: 'yellow',
+                    borderWidth: '8',
+                    contentXCentering: "h-center",
+                    backgroundColor: 'transparent',
+                },
+            },
+        ]
+    }
+
     public static FourFieldCarousel: FieldSettings = {
         title: 'title_fourfieldcarousel',
         viewType: ViewType.FREEFORM,
@@ -422,17 +492,29 @@ export class TemplateLayouts {
         },
         subfields: [
             {
-                viewType: ViewType.STATIC,
+                viewType: ViewType.FREEFORM,
                 tl: [-0.66, -0.747],
                 br: [0.66, 0.247],
-                types: [TemplateFieldType.VISUAL],
-                sizes: [TemplateFieldSize.MEDIUM, TemplateFieldSize.LARGE, TemplateFieldSize.HUGE],
                 description: 'A medium to large field for visual content that is the central focus.',
                 opts: {
                     borderColor: 'yellow',
                     borderWidth: '8',
+                    backgroundColor: '#DDD3A9',
                     rotation: 45,
                 },
+                subfields: [
+                    {
+                    viewType: ViewType.STATIC,
+                    tl: [-1.25, -1.25],
+                    br: [1.25, 1.25],
+                    types: [TemplateFieldType.VISUAL],
+                    sizes: [TemplateFieldSize.MEDIUM, TemplateFieldSize.LARGE, TemplateFieldSize.HUGE],
+                    description: 'A medium to large field for visual content that is the central focus.',
+                    opts: {
+                        rotation: -45,
+                    },
+                },
+            ]
             },
             {
                 viewType: ViewType.STATIC,
@@ -459,40 +541,80 @@ export class TemplateLayouts {
                 },
             },
             {
-                viewType: ViewType.DEC,
+                viewType: ViewType.FREEFORM,
                 tl: [0.2, -1.32],
                 br: [1.8, -0.66],
                 opts: {
                     backgroundColor: '#CEB155',
                     rotation: 45,
                 },
+                subfields: [
+                    {
+                        viewType: ViewType.DEC,
+                        tl: [-1, -.7],
+                        br: [1, -.625],
+                        opts: {
+                            backgroundColor: 'yellow',
+                        },
+                    },
+                ]
             },
             {
-                viewType: ViewType.DEC,
+                viewType: ViewType.FREEFORM,
                 tl: [-1.8, -1.32],
                 br: [-0.2, -0.66],
                 opts: {
                     backgroundColor: '#CEB155',
                     rotation: 135,
                 },
+                subfields: [
+                    {
+                        viewType: ViewType.DEC,
+                        tl: [-1, -.7],
+                        br: [1, -.625],
+                        opts: {
+                            backgroundColor: 'yellow',
+                        },
+                    },
+                ]
             },
             {
-                viewType: ViewType.DEC,
+                viewType: ViewType.FREEFORM,
                 tl: [0.33, 0.75],
                 br: [1.66, 1.25],
                 opts: {
                     backgroundColor: '#CEB155',
                     rotation: 135,
                 },
+                subfields: [
+                    {
+                        viewType: ViewType.DEC,
+                        tl: [-1, -.7],
+                        br: [1, -.625],
+                        opts: {
+                            backgroundColor: 'yellow',
+                        },
+                    },
+                ]
             },
             {
-                viewType: ViewType.DEC,
+                viewType: ViewType.FREEFORM,
                 tl: [-1.66, 0.75],
                 br: [-0.33, 1.25],
                 opts: {
                     backgroundColor: '#CEB155',
                     rotation: 45,
                 },
+                subfields: [
+                    {
+                        viewType: ViewType.DEC,
+                        tl: [-1, -.7],
+                        br: [1, -.625],
+                        opts: {
+                            backgroundColor: 'yellow',
+                        },
+                    },
+                ]
             },
         ],
     };