carousel doc working well enough for demo

2 files changed, 19 insertions, 20 deletions

diff --git a/src/client/views/nodes/DataVizBox/DocCreatorMenu/DocCreatorMenu.tsx b/src/client/views/nodes/DataVizBox/DocCreatorMenu/DocCreatorMenu.tsx
index 54f109f84..e7d6bb98e 100644
--- a/src/client/views/nodes/DataVizBox/DocCreatorMenu/DocCreatorMenu.tsx
+++ b/src/client/views/nodes/DataVizBox/DocCreatorMenu/DocCreatorMenu.tsx
@@ -411,11 +411,7 @@ export class DocCreatorMenu extends ObservableReactComponent<FieldViewProps> {
 
     testTemplate = async () => {
 
-        console.log(this.templateManager.templates.map(template => {
-            template.mainField.getAllSubfields;
-        })
-            
-            )
+        console.log(this.templateManager.templates)
 
         this.forceUpdate();
 
@@ -611,7 +607,7 @@ export class DocCreatorMenu extends ObservableReactComponent<FieldViewProps> {
         templates.forEach(template => {
             console.log('title: ', template.mainField.getTitle());
             descriptions += `----------  NEW TEMPLATE TO INCLUDE: The title is: ${template.mainField.getTitle()}. Its fields are: `;
-            template.allFields.forEach(field => {
+            template.contentFields.forEach(field => {
                 descriptions += `{Field #${field.getID}: ${field.getDescription}} `;
             });
         });
diff --git a/src/client/views/nodes/DataVizBox/DocCreatorMenu/TemplateBackend.tsx b/src/client/views/nodes/DataVizBox/DocCreatorMenu/TemplateBackend.tsx
index 53b3e7fb6..dbb332734 100644
--- a/src/client/views/nodes/DataVizBox/DocCreatorMenu/TemplateBackend.tsx
+++ b/src/client/views/nodes/DataVizBox/DocCreatorMenu/TemplateBackend.tsx
@@ -357,6 +357,8 @@ export class TemplateLayouts {
                 opts: {
                     borderColor: 'yellow',
                     borderWidth: '8',
+                    contentXCentering: "h-center",
+                    backgroundColor: 'transparent',
                 },
             },
             {
@@ -366,27 +368,28 @@ export class TemplateLayouts {
                 opts: {
                     borderColor: 'yellow',
                     borderWidth: '8',
+                    backgroundColor: 'transparent',
                 },
                 subfields: [
                     {
                         viewType: ViewType.STATIC,
-                        tl: [0, 0],
-                        br: [0, 0],
-                        types: [TemplateFieldType.VISUAL],
+                        tl: [-.3, -.6],
+                        br: [.3, .6],
+                        types: [TemplateFieldType.VISUAL, TemplateFieldType.TEXT],
                         sizes: [TemplateFieldSize.MEDIUM, TemplateFieldSize.LARGE, TemplateFieldSize.HUGE],
-                        description: 'A medium to large field for visual content that will share central focus with other content in the carousel.',
+                        description: 'A medium to large field for content that will share central focus with other content in the carousel.',
                         opts: {
-                            borderColor: 'black',
+                            borderColor: 'yellow',
                             borderWidth: '8',
                         },
                     },
                     {
                         viewType: ViewType.STATIC,
-                        tl: [0, 0],
-                        br: [0, 0],
-                        types: [TemplateFieldType.VISUAL],
+                        tl: [-.3, -.6],
+                        br: [.3, .6],
+                        types: [TemplateFieldType.VISUAL, TemplateFieldType.TEXT],
                         sizes: [TemplateFieldSize.MEDIUM, TemplateFieldSize.LARGE, TemplateFieldSize.HUGE],
-                        description: 'A medium to large field for visual content that will share central focus with other content in the carousel.',
+                        description: 'A medium to large field for content that will share central focus with other content in the carousel.',
                         opts: {
                             borderColor: 'black',
                             borderWidth: '8',
@@ -394,13 +397,13 @@ export class TemplateLayouts {
                     },
                     {
                         viewType: ViewType.STATIC,
-                        tl: [0, 0],
-                        br: [0, 0],
-                        types: [TemplateFieldType.VISUAL],
+                        tl: [-.3, -.6],
+                        br: [.3, .6],
+                        types: [TemplateFieldType.VISUAL, TemplateFieldType.TEXT],
                         sizes: [TemplateFieldSize.MEDIUM, TemplateFieldSize.LARGE, TemplateFieldSize.HUGE],
-                        description: 'A medium to large field for visual content that will share central focus with other content in the carousel.',
+                        description: 'A medium to large field for content that will share central focus with other content in the carousel.',
                         opts: {
-                            borderColor: 'black',
+                            borderColor: 'yellow',
                             borderWidth: '8',
                         },
                     },