diff --git a/ayanova/src/components/custom-fields-control.vue b/ayanova/src/components/custom-fields-control.vue
index da7e5048..394acf56 100644
--- a/ayanova/src/components/custom-fields-control.vue
+++ b/ayanova/src/components/custom-fields-control.vue
@@ -16,6 +16,18 @@
       <v-layout align-center justify-left row wrap>
         <template v-for="item in this.$store.state.formCustomTemplate[formKey]">
           <v-flex v-if="item.type" :key="item.fld" xs12 sm6 lg4 xl3 px-2>
+            <div v-if="item.type === 'A'">
+              A
+            </div>
+            <div v-else-if="type === 'B'">
+              B
+            </div>
+            <div v-else-if="type === 'C'">
+              C
+            </div>
+            <div v-else>
+              Not A/B/C
+            </div>
             [{{ item.type }}]
           </v-flex>
         </template>
@@ -42,6 +54,9 @@
                 ret.Add(AyDataType.Integer);
                 ret.Add(AyDataType.Bool);
                 ret.Add(AyDataType.Decimal);
+                TEMPLATE: [ { "fld": "WidgetNotes", "required": "true" }, { "fld": "WidgetCustom1", "hide": "false", "required": "false", "type": "date" }, 
+                { "fld": "WidgetCustom2", "hide": "false", "required": "true", "type": "text" }, { "fld": "WidgetCustom3", "hide": "false", "required": "false", "type": "int" },
+                { "fld": "WidgetCustom4", "hide": "false", "required": "false", "type": "bool" }, { "fld": "WidgetCustom5", "hide": "false", "required": "false", "type": "decimal" } ]
  * 3) bind to the data somehow (might have to warp the data to fit the controls in some cases due to changed template design)
  * 4) Profit$
  *