{"id":24430,"date":"2023-04-26T13:34:49","date_gmt":"2023-04-26T20:34:49","guid":{"rendered":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-apps\/recent-improvements-to-the-modern-app-designer\/"},"modified":"2023-04-26T13:34:49","modified_gmt":"2023-04-26T20:34:49","slug":"recent-improvements-to-the-modern-app-designer","status":"publish","type":"power-apps","link":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-apps\/recent-improvements-to-the-modern-app-designer\/","title":{"rendered":"Recent improvements to the Modern App Designer"},"content":{"rendered":"\n<p>The Modern App Designer has been <a data-id=\"https:\/\/powerapps.microsoft.com\/en-us\/blog\/announcing-the-general-availability-of-the-modern-app-designer\/\" data-type=\"URL\" href=\"https:\/\/powerapps.microsoft.com\/en-us\/blog\/announcing-the-general-availability-of-the-modern-app-designer\/\">generally available<\/a> since May 2022, and since then we\u2019ve have been closely monitoring feedback from makers. Therefore, we are pleased to announce the release of <strong>a series of significant improvements to improve maker productivity<\/strong> when building in the Modern App Designer. \u00a0<\/p>\n\n\n<p>In summary, the app navigation is now the default panel in the designer, allowing makers to edit the sitemap efficiently. The Pages panel now has a restructured hierarchy to better align with makers\u2019 mental model and accurately reflect any coauthoring personas. Component designers now open within the app designer (unless otherwise specified), along with improved discoverability to entry points. \u00a0<\/p>\n\n\n<p><\/p>\n\n\n<h3 class=\"wp-block-heading\">A newly improved maker navigation <\/h3>\n\n\n<p>We received feedback regarding the discoverability of editing the app sitemap navigation, and we heard you! The new default panel, <strong>Pages<\/strong>, is now a combination of the previous Pages and Navigation panels. The new Pages panel now contains two sections, <strong>Navigation<\/strong> and <strong>All other pages<\/strong>. The <em>Navigation <\/em>section shows the app navigation (also known as sitemap). The <em>All other pages<\/em> section now contains pages that are in the app, but not part of the app navigation. Makers can now move pages to and from Navigation within a couple clicks, without having to deliberately remove and readd.<\/p>\n\n\n<p>The hierarchy of forms and views in the new <strong>Pages <\/strong>panel has also been restructured to correctly reflect mental models as well as correctly reflecting any coauthoring personas. Forms are now nested under views, creating a hierarchy as shown below.<\/p>\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2332\" height=\"1177\" alt=\"graphical user interface, table\" class=\"wp-image-24435\" src=\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2023\/04\/ImprovedMakerNavigationMAD.gif\"\/><figcaption>Adding and removing a page to and from Navigation<\/figcaption><\/figure>\n\n\n<p><\/p>\n\n\n<h3 class=\"wp-block-heading\">Component designers now open within the Modern App Designer<\/h3>\n\n\n<p>Editing components in the Modern App Designer is now easier than ever! To edit a default view or form, hover over the selected item and select the edit pencil icon to launch the component designer. All component designers now open within the Modern App Designer, where makers can navigate back and forth using the <em>Back <\/em>button. The right panel now contains all associated views, forms, charts, and settings. Makers can not only now easily see the associated views, forms, and charts with the table, but also edit them (within, or in a new tab) in a much easier fashion. <\/p>\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2326\" height=\"1171\" alt=\"graphical user interface, application\" class=\"wp-image-24440\" src=\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2023\/04\/InlineDesignerMAD.gif\"\/><figcaption>Opening component designers within the Modern App Designer<\/figcaption><\/figure>\n\n\n<h2 class=\"wp-block-heading\">Learn more<\/h2>\n\n\n<p>To learn more about the Modern App designer, refer to further documentation: <a href=\"https:\/\/learn.microsoft.com\/en-us\/power-apps\/maker\/model-driven-apps\/app-designer-overview\">Overview of the model-driven app designer &#8211; Power Apps | Microsoft Learn<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Modern App Designer has been generally available since May 2022, and since then we\u2019ve have been closely monitoring feedback from makers. Therefore, we are pleased to announce the release of a series of significant improvements to improve maker productivity when building in the Modern App Designer. \u00a0 In summary, the app navigation is now<\/p>\n","protected":false},"author":232,"featured_media":0,"comment_status":"open","ping_status":"open","template":"","power-apps-category":[1664],"power-apps-tag":[1538,1650,1651,1665],"coauthors":[2202],"class_list":["post-24430","power-apps","type-power-apps","status-publish","hentry","power-apps-category-uncategorized","power-apps-tag-announcement","power-apps-tag-model-driven-apps","power-apps-tag-modern-app-designer","power-apps-tag-power-apps"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Recent improvements to the Modern App Designer - 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:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-apps\/recent-improvements-to-the-modern-app-designer\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Recent improvements to the Modern App Designer - Microsoft Power Platform Blog\" \/>\n<meta property=\"og:description\" content=\"The Modern App Designer has been generally available since May 2022, and since then we\u2019ve have been closely monitoring feedback from makers. Therefore, we are pleased to announce the release of a series of significant improvements to improve maker productivity when building in the Modern App Designer. \u00a0 In summary, the app navigation is now\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-apps\/recent-improvements-to-the-modern-app-designer\/\" \/>\n<meta property=\"og:site_name\" content=\"Microsoft Power Platform Blog\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2023\/04\/ImprovedMakerNavigationMAD.gif\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 min read\" \/>\n\t<meta name=\"twitter:label2\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data2\" content=\"Jessica Lo\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-apps\/recent-improvements-to-the-modern-app-designer\/\",\"url\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-apps\/recent-improvements-to-the-modern-app-designer\/\",\"name\":\"Recent improvements to the Modern App Designer - Microsoft Power Platform Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-apps\/recent-improvements-to-the-modern-app-designer\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-apps\/recent-improvements-to-the-modern-app-designer\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2023\/04\/ImprovedMakerNavigationMAD.gif\",\"datePublished\":\"2023-04-26T20:34:49+00:00\",\"dateModified\":\"2023-04-26T20:34:49+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-apps\/recent-improvements-to-the-modern-app-designer\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-apps\/recent-improvements-to-the-modern-app-designer\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-apps\/recent-improvements-to-the-modern-app-designer\/#primaryimage\",\"url\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2023\/04\/ImprovedMakerNavigationMAD.gif\",\"contentUrl\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2023\/04\/ImprovedMakerNavigationMAD.gif\",\"width\":2332,\"height\":1177,\"caption\":\"graphical user interface, table\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-apps\/recent-improvements-to-the-modern-app-designer\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Power Apps\",\"item\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-apps\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Recent improvements to the Modern App Designer\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#website\",\"url\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/\",\"name\":\"Microsoft Power Platform Blog\",\"description\":\"Innovate with Business Apps\",\"publisher\":{\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.microsoft.com\/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:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#organization\",\"name\":\"Microsoft Power Platform Blog\",\"url\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2020\/03\/Microsoft-Logo-e1685482038800.png\",\"contentUrl\":\"https:\/\/www.microsoft.com\/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:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Recent improvements to the Modern App Designer - 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:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-apps\/recent-improvements-to-the-modern-app-designer\/","og_locale":"en_US","og_type":"article","og_title":"Recent improvements to the Modern App Designer - Microsoft Power Platform Blog","og_description":"The Modern App Designer has been generally available since May 2022, and since then we\u2019ve have been closely monitoring feedback from makers. Therefore, we are pleased to announce the release of a series of significant improvements to improve maker productivity when building in the Modern App Designer. \u00a0 In summary, the app navigation is now","og_url":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-apps\/recent-improvements-to-the-modern-app-designer\/","og_site_name":"Microsoft Power Platform Blog","og_image":[{"url":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2023\/04\/ImprovedMakerNavigationMAD.gif","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 min read","Written by":"Jessica Lo"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-apps\/recent-improvements-to-the-modern-app-designer\/","url":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-apps\/recent-improvements-to-the-modern-app-designer\/","name":"Recent improvements to the Modern App Designer - Microsoft Power Platform Blog","isPartOf":{"@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-apps\/recent-improvements-to-the-modern-app-designer\/#primaryimage"},"image":{"@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-apps\/recent-improvements-to-the-modern-app-designer\/#primaryimage"},"thumbnailUrl":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2023\/04\/ImprovedMakerNavigationMAD.gif","datePublished":"2023-04-26T20:34:49+00:00","dateModified":"2023-04-26T20:34:49+00:00","breadcrumb":{"@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-apps\/recent-improvements-to-the-modern-app-designer\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-apps\/recent-improvements-to-the-modern-app-designer\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-apps\/recent-improvements-to-the-modern-app-designer\/#primaryimage","url":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2023\/04\/ImprovedMakerNavigationMAD.gif","contentUrl":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2023\/04\/ImprovedMakerNavigationMAD.gif","width":2332,"height":1177,"caption":"graphical user interface, table"},{"@type":"BreadcrumbList","@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-apps\/recent-improvements-to-the-modern-app-designer\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/"},{"@type":"ListItem","position":2,"name":"Power Apps","item":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/power-apps\/"},{"@type":"ListItem","position":3,"name":"Recent improvements to the Modern App Designer"}]},{"@type":"WebSite","@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#website","url":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/","name":"Microsoft Power Platform Blog","description":"Innovate with Business Apps","publisher":{"@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.microsoft.com\/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:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#organization","name":"Microsoft Power Platform Blog","url":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-content\/uploads\/2020\/03\/Microsoft-Logo-e1685482038800.png","contentUrl":"https:\/\/www.microsoft.com\/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:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/#\/schema\/logo\/image\/"}}]}},"distributor_meta":false,"distributor_terms":false,"distributor_media":false,"distributor_original_site_name":"Microsoft Power Platform Blog","distributor_original_site_url":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog","push-errors":false,"_links":{"self":[{"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/power-apps\/24430"}],"collection":[{"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/power-apps"}],"about":[{"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/types\/power-apps"}],"author":[{"embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/users\/232"}],"replies":[{"embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/comments?post=24430"}],"version-history":[{"count":0,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/power-apps\/24430\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/media?parent=24430"}],"wp:term":[{"taxonomy":"power-apps-category","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/power-apps-category?post=24430"},{"taxonomy":"power-apps-tag","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/power-apps-tag?post=24430"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.microsoft.com\/en-us\/power-platform\/blog\/wp-json\/wp\/v2\/coauthors?post=24430"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}