diff --git a/packages/builder/src/components/userInterface/temporaryPanelStructure.js b/packages/builder/src/components/userInterface/temporaryPanelStructure.js
index 73bd9dd9b7..e3eb0b67f4 100644
--- a/packages/builder/src/components/userInterface/temporaryPanelStructure.js
+++ b/packages/builder/src/components/userInterface/temporaryPanelStructure.js
@@ -335,6 +335,11 @@ export default {
                     key: "model",
                     control: ModelSelect,
                   },
+                  {
+                    label: "Title",
+                    key: "title",
+                    control: Input,
+                  },
                 ],
               },
               template: {
@@ -355,6 +360,11 @@ export default {
                     key: "model",
                     control: ModelSelect,
                   },
+                  {
+                    label: "Title",
+                    key: "title",
+                    control: Input,
+                  },
                 ],
               },
             },
diff --git a/packages/standard-components/components.json b/packages/standard-components/components.json
index ce205cf92c..cbe2d7ff69 100644
--- a/packages/standard-components/components.json
+++ b/packages/standard-components/components.json
@@ -206,14 +206,16 @@
 		"description": "an HTML table that fetches data from a table or view and displays it.",
 		"data": true,
 		"props": {
-			"model": "models"
+			"model": "models",
+			"title": "string"
 		}
 	},
 	"dataformwide": {
 		"description": "an HTML table that fetches data from a table or view and displays it.",
 		"data": true,
 		"props": {
-			"model": "models"
+			"model": "models",
+			"title": "string"
 		}
 	},
 	"datalist": {
diff --git a/packages/standard-components/src/DataForm.svelte b/packages/standard-components/src/DataForm.svelte
index 389ce0ecd2..4e59e6b911 100644
--- a/packages/standard-components/src/DataForm.svelte
+++ b/packages/standard-components/src/DataForm.svelte
@@ -3,6 +3,7 @@
 
   export let _bb
   export let model
+  export let title
 
   const TYPE_MAP = {
     string: "text",
@@ -10,8 +11,6 @@
     number: "number",
   }
 
-  let username
-  let password
   let newModel = {
     modelId: model,
   }
@@ -64,7 +63,9 @@
 </script>
 
 <form class="form" on:submit|preventDefault>
-  <h1>{modelDef.name} Form</h1>
+  {#if title}
+    <h1>{title}</h1>
+  {/if}
   <hr />
   <div class="form-content">
     {#each fields as field}
diff --git a/packages/standard-components/src/DataFormWide.svelte b/packages/standard-components/src/DataFormWide.svelte
index f712c787de..332e5d1672 100644
--- a/packages/standard-components/src/DataFormWide.svelte
+++ b/packages/standard-components/src/DataFormWide.svelte
@@ -2,6 +2,7 @@
   import { onMount } from "svelte"
   export let _bb
   export let model
+  export let title
 
   const TYPE_MAP = {
     string: "text",
@@ -9,8 +10,6 @@
     number: "number",
   }
 
-  let username
-  let password
   let newModel = {
     modelId: model,
   }
@@ -54,7 +53,9 @@
 </script>
 
 <form class="form" on:submit|preventDefault>
-  <h1>{modelDef.name} Form</h1>
+  {#if title}
+    <h1>{title}</h1>
+  {/if}
   <hr />
   <div class="form-content">
     {#each fields as field}