{"id":793,"date":"2018-12-18T12:09:42","date_gmt":"2018-12-18T20:09:42","guid":{"rendered":""},"modified":"2025-06-11T08:05:47","modified_gmt":"2025-06-11T15:05:47","slug":"introducing-the-new-wysiwyg-model-driven-form-designer-public-preview","status":"publish","type":"post","link":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/power-apps\/introducing-the-new-wysiwyg-model-driven-form-designer-public-preview\/","title":{"rendered":"Introducing the new WYSIWYG model-driven form designer (Public preview)"},"content":{"rendered":"<p>Take your <strong>model-driven form authoring experience to the next level<\/strong> with the new model-driven form designer. It provides a <strong>modern, clean and productive interface<\/strong> for makers when authoring model-driven forms. A <strong>live WYSIWYG form preview<\/strong> (Unified interface only) enables makers to see exactly how the form will appear to end-users. An <strong>enhanced fields pane with searching and filtering capabilities<\/strong> helps makers quickly find and add fields to their form. An always available property pane makes <strong>viewing and updating properties quick and easy<\/strong>. A tree view helps makers easily <strong>visualize the hierarchy of a form\u2019s fields and controls<\/strong>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"New model-driven form designer\" class=\"alignnone wp-image-848 size-full\" height=\"1719\" src=\"https:\/\/powerapps-blog.azurewebsites.net\/web\/\/app\/uploads\/2018\/12\/01New.png\" width=\"2988\" srcset=\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2018\/12\/01New.webp 2988w, https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2018\/12\/01New-300x173.webp 300w, https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2018\/12\/01New-1024x589.webp 1024w, https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2018\/12\/01New-768x442.webp 768w, https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2018\/12\/01New-1536x884.webp 1536w, https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2018\/12\/01New-2048x1178.webp 2048w\" sizes=\"auto, (max-width: 2988px) 100vw, 2988px\" \/><\/p>\n<p>Our classic model-driven form designer has been very popular with makers and has served well, however it has gaps in functionality that impact maker productivity. There is no easy way to preview what the form will look like to end-users (Unified Interface). This makes validating layout and property changes challenging. The fields list provides no ability to filter and search making a routine task harder and more time consuming than it should be. Other common tasks such as setting the properties of the form or a control requires multiple clicks and involves modal dialogs leading to a sub-par experience. Integral actions such as save and publish require multiple clicks leading to diminished productivity and frustration.<\/p>\n<p>The <strong>new model-driven form designer addresses all these problems faced by makers and more<\/strong>. The new form designer not only provides a live WYSIWYG form preview, it also includes the ability to <strong>switch between various form factors (screen sizes)\u00a0to\u00a0preview the responsive behavior of the form<\/strong>. The <strong>fields list<\/strong> <strong>supports incremental search<\/strong>\u00a0as well as the ability to <strong>filter and see only custom fields<\/strong>,\u00a0making the task of finding and adding fields to the form fast and easy. The property pane helps productivity and promotes discoverability since makers can<strong>\u00a0easily see and change the properties of any selected element<\/strong> and have it <strong>instantly reflected in the form preview<\/strong>.\u00a0\u00a0In the new form designer <strong>save and publish is also a single combined action<\/strong> helping reduce the clicks for one of the most common actions.<\/p>\n<p>To start using the new model-driven form designer<\/p>\n<ol>\n<li>Sign in to <a href=\"https:\/\/web.powerapps.com\/\">PowerApps<\/a>.<\/li>\n<li><span style=\"font-size: 1rem;\">On the left navigation pane, expand\u00a0<\/span><strong style=\"font-size: 1rem;\">Data<\/strong><span style=\"font-size: 1rem;\"> and then select <\/span><strong style=\"font-size: 1rem;\">Entities<\/strong><span style=\"font-size: 1rem;\">.<\/span><\/li>\n<li><span style=\"font-size: 1rem;\">Select an entity, such as the c<\/span>ontact, and then s<span style=\"font-size: 1rem;\">elect the <\/span><strong style=\"font-size: 1rem;\">Forms<\/strong><span style=\"font-size: 1rem;\">\u00a0tab.<\/span><\/li>\n<li><span style=\"font-size: 1rem;\">To edit an existing form, select a Main form that you want to edit and then in the command bar, select <\/span><strong style=\"font-size: 1rem;\">Edit form (preview)<\/strong><span style=\"font-size: 1rem;\">.<br \/>\n<\/span><span style=\"font-size: 1rem;\">Or<br \/>\n<\/span><span style=\"font-size: 1rem;\">To create a new form, in the command-bar, select <\/span><strong style=\"font-size: 1rem;\">Add form<\/strong><span style=\"font-size: 1rem;\"> and then select <\/span><strong style=\"font-size: 1rem;\">Main form (preview)<\/strong><span style=\"font-size: 1rem;\">.<\/span><\/li>\n<\/ol>\n<p>Forms created or edited using steps above will be in the\u00a0<a href=\"https:\/\/docs.microsoft.com\/powerapps\/maker\/common-data-service\/use-solutions-for-your-customizations\">Common Data Services Default Solution<\/a>. To create or edit forms in specific solutions please see: <a href=\"https:\/\/docs.microsoft.com\/powerapps\/maker\/common-data-service\/use-solution-explorer\">Use solutions in PowerApps<\/a>.<\/p>\n<p><em>Note: The new model-driven form designer currently only supports creating and editing Main forms. Support for other form types will be added in a future release<\/em>.<\/p>\n<p>The form designer shows a <strong>live WYSIWYG form preview<\/strong> (Unified Interface only) of the form.\u00a0Makers can<strong> select fields, sections and tabs directly on the preview<\/strong>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"WYSIWYG form preview\" class=\"alignnone wp-image-849 size-full\" height=\"979\" src=\"https:\/\/powerapps-blog.azurewebsites.net\/web\/\/app\/uploads\/2018\/12\/02New.png\" width=\"1740\" srcset=\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2018\/12\/02New.webp 1740w, https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2018\/12\/02New-300x169.webp 300w, https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2018\/12\/02New-1024x576.webp 1024w, https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2018\/12\/02New-768x432.webp 768w, https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2018\/12\/02New-1536x864.webp 1536w\" sizes=\"auto, (max-width: 1740px) 100vw, 1740px\" \/><\/p>\n<p>The <strong>property pane automatically updates to show the properties of the selected element<\/strong>.\u00a0 Changes to properties are instantly reflected in the form preview and can also be reverted using the Undo button in the command bar.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"Property pane showing the properties of a selected section\" class=\"alignnone wp-image-840 size-full\" height=\"546\" src=\"https:\/\/powerapps-blog.azurewebsites.net\/web\/\/app\/uploads\/2018\/12\/S03.png\" width=\"270\" srcset=\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2018\/12\/S03.webp 270w, https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2018\/12\/S03-148x300.webp 148w\" sizes=\"auto, (max-width: 270px) 100vw, 270px\" \/><\/p>\n<p>The <strong>fields pane enables makers to quickly search and add fields to the form<\/strong>. Makers can click on a field to add it to the selected section on the form. They can also filter the list to see all fields or custom fields only. Similarly, by default the fields list only shows fields that are not already on the form, but makers can disable that filtering to see all fields if needed.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"Fields pane with incremental search\" class=\"alignnone wp-image-842 size-full\" height=\"419\" src=\"https:\/\/powerapps-blog.azurewebsites.net\/web\/\/app\/uploads\/2018\/12\/S04.png\" width=\"320\" srcset=\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2018\/12\/S04.webp 320w, https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2018\/12\/S04-229x300.webp 229w\" sizes=\"auto, (max-width: 320px) 100vw, 320px\" \/><\/p>\n<p>The <strong>layouts pane enables makers to add layout related controls: tabs and sections to their form<\/strong>. Makers can click on a tab to add it to the form or on a section to add it to the selected tab.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"Layouts pane\" class=\"alignnone wp-image-844 size-full\" height=\"352\" src=\"https:\/\/powerapps-blog.azurewebsites.net\/web\/\/app\/uploads\/2018\/12\/S05.png\" width=\"316\" srcset=\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2018\/12\/S05.webp 316w, https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2018\/12\/S05-269x300.webp 269w\" sizes=\"auto, (max-width: 316px) 100vw, 316px\" \/><\/p>\n<p>The <strong>tree view shows the visual hierarchy of the fields and controls on the form<\/strong>. Makers can also <strong>select elements using the tree view<\/strong>. When an element is selected in the tree view the <strong>form preview automatically updates to bring the selected element in focus<\/strong>. The tree view is also helpful in <strong>selecting\u00a0elements that are hidden<\/strong> and therefore not visible in the form preview. The <strong>icons in the tree view help makers quickly identify the types of fields and controls<\/strong>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"Tree view\" class=\"alignnone wp-image-845 size-full\" height=\"690\" src=\"https:\/\/powerapps-blog.azurewebsites.net\/web\/\/app\/uploads\/2018\/12\/S06.png\" width=\"314\" srcset=\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2018\/12\/S06.webp 314w, https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2018\/12\/S06-137x300.webp 137w\" sizes=\"auto, (max-width: 314px) 100vw, 314px\" \/><\/p>\n<p>The <strong>form factor switcher enables makers to preview the responsive behavior of the form and see how their form will appear on various screen sizes<\/strong>.\u00a0Makers can also <strong>zoom in and out of the preview using the zoom slider<\/strong> or click on the <strong>auto-fit button\u00a0to achieve the best fit<\/strong> based on the available width and height.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" alt=\"Form factor switcher used to see form preview for a tablet device\" class=\"alignnone wp-image-850 size-full\" height=\"1549\" src=\"https:\/\/powerapps-blog.azurewebsites.net\/web\/\/app\/uploads\/2018\/12\/07New.png\" width=\"1764\" srcset=\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2018\/12\/07New.webp 1764w, https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2018\/12\/07New-300x263.webp 300w, https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2018\/12\/07New-1024x899.webp 1024w, https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2018\/12\/07New-768x674.webp 768w, https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2018\/12\/07New-1536x1349.webp 1536w\" sizes=\"auto, (max-width: 1764px) 100vw, 1764px\" \/><\/p>\n<p>For <strong>detailed step-by-step instructions<\/strong>, please refer to the series of articles in our <a href=\"https:\/\/docs.microsoft.com\/powerapps\/maker\/model-driven-apps\/form-designer-overview\"><strong>documentation on the new model-driven form designer<\/strong><\/a>. Note that this feature is available in Unified Interface only and is limited to online environments.<\/p>\n<p><strong>Starting today the new model-driven form designer is available as public preview<\/strong> in most regions, except US and Europe. Due to extended holiday deployment schedules the <strong>feature will be available in US and Europe early January 2019<\/strong>. If you want to try it right away, you can create an environment in regions where it is available such as Australia, Canada, India or Japan.<\/p>\n<p><strong>Many of our customers and partners participated in early previews of this designer and gave us invaluable feedback. We cannot thank you enough.<\/strong><\/p>\n<p>This is just the start. <strong>We will continue to deliver regular feature additions and updates to complete the remaining functionality and to address the feedback we hear from you<\/strong>. Please use our <a href=\"https:\/\/powerusers.microsoft.com\/t5\/PowerApps-Ideas\/idb-p\/PowerAppsIdeas\">ideas board<\/a> to suggest and vote on features and improvements you would like to see.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Take your model-driven form authoring experience to the next level with the new model-driven form designer. It provides a modern, clean and productive interface for makers when authoring model-driven forms. A live WYSIWYG form preview&#8230;<\/p>\n","protected":false},"author":110,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ms_queue_id":[],"ep_exclude_from_search":false,"_classifai_error":"","_classifai_text_to_speech_error":"","_alt_title":"","ms-ems-related-posts":[],"footnotes":""},"audience":[3378],"content-type":[3424],"job-role":[],"product":[3473],"property":[],"topic":[3421],"coauthors":[2112],"class_list":["post-793","post","type-post","status-publish","format-standard","hentry","audience-it-professional","content-type-news","product-power-apps","topic-application-modernization"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.2 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Introducing the new WYSIWYG model-driven form designer (Public preview) - Microsoft Power Platform Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/2018\/12\/18\/introducing-the-new-wysiwyg-model-driven-form-designer-public-preview\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Introducing the new WYSIWYG model-driven form designer (Public preview) - Microsoft Power Platform Blog\" \/>\n<meta property=\"og:description\" content=\"Take your model-driven form authoring experience to the next level with the new model-driven form designer. It provides a modern, clean and productive interface for makers when authoring model-driven forms. A live WYSIWYG form preview...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/power-apps\/introducing-the-new-wysiwyg-model-driven-form-designer-public-preview\/\" \/>\n<meta property=\"og:site_name\" content=\"Microsoft Power Platform Blog\" \/>\n<meta property=\"article:published_time\" content=\"2018-12-18T20:09:42+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-11T15:05:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/powerapps-blog.azurewebsites.net\/web\/\/app\/uploads\/2018\/12\/01New.png\" \/>\n\t<meta property=\"og:image:width\" content=\"2988\" \/>\n\t<meta property=\"og:image:height\" content=\"1719\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Anees Ansari\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Anees Ansari\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/2018\/12\/18\/introducing-the-new-wysiwyg-model-driven-form-designer-public-preview\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/2018\/12\/18\/introducing-the-new-wysiwyg-model-driven-form-designer-public-preview\/\"},\"author\":[{\"@id\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/author\/anees-ansari\/\",\"@type\":\"Person\",\"@name\":\"Anees Ansari\"}],\"headline\":\"Introducing the new WYSIWYG model-driven form designer (Public preview)\",\"datePublished\":\"2018-12-18T20:09:42+00:00\",\"dateModified\":\"2025-06-11T15:05:47+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/2018\/12\/18\/introducing-the-new-wysiwyg-model-driven-form-designer-public-preview\/\"},\"wordCount\":969,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/2018\/12\/18\/introducing-the-new-wysiwyg-model-driven-form-designer-public-preview\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/powerapps-blog.azurewebsites.net\/web\/\/app\/uploads\/2018\/12\/01New.png\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/2018\/12\/18\/introducing-the-new-wysiwyg-model-driven-form-designer-public-preview\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/2018\/12\/18\/introducing-the-new-wysiwyg-model-driven-form-designer-public-preview\/\",\"url\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/2018\/12\/18\/introducing-the-new-wysiwyg-model-driven-form-designer-public-preview\/\",\"name\":\"Introducing the new WYSIWYG model-driven form designer (Public preview) - Microsoft Power Platform Blog\",\"isPartOf\":{\"@id\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/2018\/12\/18\/introducing-the-new-wysiwyg-model-driven-form-designer-public-preview\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/2018\/12\/18\/introducing-the-new-wysiwyg-model-driven-form-designer-public-preview\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/powerapps-blog.azurewebsites.net\/web\/\/app\/uploads\/2018\/12\/01New.png\",\"datePublished\":\"2018-12-18T20:09:42+00:00\",\"dateModified\":\"2025-06-11T15:05:47+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/2018\/12\/18\/introducing-the-new-wysiwyg-model-driven-form-designer-public-preview\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/2018\/12\/18\/introducing-the-new-wysiwyg-model-driven-form-designer-public-preview\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/2018\/12\/18\/introducing-the-new-wysiwyg-model-driven-form-designer-public-preview\/#primaryimage\",\"url\":\"https:\/\/powerapps-blog.azurewebsites.net\/web\/\/app\/uploads\/2018\/12\/01New.png\",\"contentUrl\":\"https:\/\/powerapps-blog.azurewebsites.net\/web\/\/app\/uploads\/2018\/12\/01New.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/2018\/12\/18\/introducing-the-new-wysiwyg-model-driven-form-designer-public-preview\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Introducing the new WYSIWYG model-driven form designer (Public preview)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/#website\",\"url\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/\",\"name\":\"Microsoft Power Platform Blog\",\"description\":\"Innovate with Business Apps\",\"publisher\":{\"@id\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/#organization\",\"name\":\"Microsoft Power Platform Blog\",\"url\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2020\/03\/Microsoft-Logo-e1685482038800.png\",\"contentUrl\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2020\/03\/Microsoft-Logo-e1685482038800.png\",\"width\":194,\"height\":145,\"caption\":\"Microsoft Power Platform Blog\"},\"image\":{\"@id\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/#\/schema\/person\/268f2fbf1f9a8ff4fbdfb842e251d32e\",\"name\":\"Anees Ansari\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/56f0a46eeedae23a6050e2c66222508fad5cc97d6fb6c29143da201d08373b88?s=96&d=mm&r=g14de29dcbf6f04ecaac3b4dd4584d37c\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/56f0a46eeedae23a6050e2c66222508fad5cc97d6fb6c29143da201d08373b88?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/56f0a46eeedae23a6050e2c66222508fad5cc97d6fb6c29143da201d08373b88?s=96&d=mm&r=g\",\"caption\":\"Anees Ansari\"},\"url\":\"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/author\/aneesa\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Introducing the new WYSIWYG model-driven form designer (Public preview) - Microsoft Power Platform Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/2018\/12\/18\/introducing-the-new-wysiwyg-model-driven-form-designer-public-preview\/","og_locale":"en_US","og_type":"article","og_title":"Introducing the new WYSIWYG model-driven form designer (Public preview) - Microsoft Power Platform Blog","og_description":"Take your model-driven form authoring experience to the next level with the new model-driven form designer. It provides a modern, clean and productive interface for makers when authoring model-driven forms. A live WYSIWYG form preview...","og_url":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/power-apps\/introducing-the-new-wysiwyg-model-driven-form-designer-public-preview\/","og_site_name":"Microsoft Power Platform Blog","article_published_time":"2018-12-18T20:09:42+00:00","article_modified_time":"2025-06-11T15:05:47+00:00","og_image":[{"width":2988,"height":1719,"url":"https:\/\/powerapps-blog.azurewebsites.net\/web\/\/app\/uploads\/2018\/12\/01New.png","type":"image\/png"}],"author":"Anees Ansari","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Anees Ansari","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/2018\/12\/18\/introducing-the-new-wysiwyg-model-driven-form-designer-public-preview\/#article","isPartOf":{"@id":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/2018\/12\/18\/introducing-the-new-wysiwyg-model-driven-form-designer-public-preview\/"},"author":[{"@id":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/author\/anees-ansari\/","@type":"Person","@name":"Anees Ansari"}],"headline":"Introducing the new WYSIWYG model-driven form designer (Public preview)","datePublished":"2018-12-18T20:09:42+00:00","dateModified":"2025-06-11T15:05:47+00:00","mainEntityOfPage":{"@id":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/2018\/12\/18\/introducing-the-new-wysiwyg-model-driven-form-designer-public-preview\/"},"wordCount":969,"commentCount":0,"publisher":{"@id":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/#organization"},"image":{"@id":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/2018\/12\/18\/introducing-the-new-wysiwyg-model-driven-form-designer-public-preview\/#primaryimage"},"thumbnailUrl":"https:\/\/powerapps-blog.azurewebsites.net\/web\/\/app\/uploads\/2018\/12\/01New.png","inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/2018\/12\/18\/introducing-the-new-wysiwyg-model-driven-form-designer-public-preview\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/2018\/12\/18\/introducing-the-new-wysiwyg-model-driven-form-designer-public-preview\/","url":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/2018\/12\/18\/introducing-the-new-wysiwyg-model-driven-form-designer-public-preview\/","name":"Introducing the new WYSIWYG model-driven form designer (Public preview) - Microsoft Power Platform Blog","isPartOf":{"@id":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/2018\/12\/18\/introducing-the-new-wysiwyg-model-driven-form-designer-public-preview\/#primaryimage"},"image":{"@id":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/2018\/12\/18\/introducing-the-new-wysiwyg-model-driven-form-designer-public-preview\/#primaryimage"},"thumbnailUrl":"https:\/\/powerapps-blog.azurewebsites.net\/web\/\/app\/uploads\/2018\/12\/01New.png","datePublished":"2018-12-18T20:09:42+00:00","dateModified":"2025-06-11T15:05:47+00:00","breadcrumb":{"@id":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/2018\/12\/18\/introducing-the-new-wysiwyg-model-driven-form-designer-public-preview\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/2018\/12\/18\/introducing-the-new-wysiwyg-model-driven-form-designer-public-preview\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/2018\/12\/18\/introducing-the-new-wysiwyg-model-driven-form-designer-public-preview\/#primaryimage","url":"https:\/\/powerapps-blog.azurewebsites.net\/web\/\/app\/uploads\/2018\/12\/01New.png","contentUrl":"https:\/\/powerapps-blog.azurewebsites.net\/web\/\/app\/uploads\/2018\/12\/01New.png"},{"@type":"BreadcrumbList","@id":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/2018\/12\/18\/introducing-the-new-wysiwyg-model-driven-form-designer-public-preview\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/"},{"@type":"ListItem","position":2,"name":"Introducing the new WYSIWYG model-driven form designer (Public preview)"}]},{"@type":"WebSite","@id":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/#website","url":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/","name":"Microsoft Power Platform Blog","description":"Innovate with Business Apps","publisher":{"@id":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/#organization","name":"Microsoft Power Platform Blog","url":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2020\/03\/Microsoft-Logo-e1685482038800.png","contentUrl":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-content\/uploads\/2020\/03\/Microsoft-Logo-e1685482038800.png","width":194,"height":145,"caption":"Microsoft Power Platform Blog"},"image":{"@id":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/#\/schema\/person\/268f2fbf1f9a8ff4fbdfb842e251d32e","name":"Anees Ansari","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/56f0a46eeedae23a6050e2c66222508fad5cc97d6fb6c29143da201d08373b88?s=96&d=mm&r=g14de29dcbf6f04ecaac3b4dd4584d37c","url":"https:\/\/secure.gravatar.com\/avatar\/56f0a46eeedae23a6050e2c66222508fad5cc97d6fb6c29143da201d08373b88?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/56f0a46eeedae23a6050e2c66222508fad5cc97d6fb6c29143da201d08373b88?s=96&d=mm&r=g","caption":"Anees Ansari"},"url":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/author\/aneesa\/"}]}},"bloginabox_animated_featured_image":null,"bloginabox_display_generated_audio":false,"distributor_meta":false,"distributor_terms":false,"distributor_media":false,"distributor_original_site_name":"Microsoft Power Platform Blog","distributor_original_site_url":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog","push-errors":false,"_links":{"self":[{"href":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/posts\/793","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/users\/110"}],"replies":[{"embeddable":true,"href":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/comments?post=793"}],"version-history":[{"count":1,"href":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/posts\/793\/revisions"}],"predecessor-version":[{"id":130980,"href":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/posts\/793\/revisions\/130980"}],"wp:attachment":[{"href":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/media?parent=793"}],"wp:term":[{"taxonomy":"audience","embeddable":true,"href":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/audience?post=793"},{"taxonomy":"content-type","embeddable":true,"href":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/content-type?post=793"},{"taxonomy":"job-role","embeddable":true,"href":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/job-role?post=793"},{"taxonomy":"product","embeddable":true,"href":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/product?post=793"},{"taxonomy":"property","embeddable":true,"href":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/property?post=793"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/topic?post=793"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/cm-edgetun.pages.dev\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/coauthors?post=793"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}