{"id":28817,"date":"2021-08-02T12:53:03","date_gmt":"2021-08-02T12:53:03","guid":{"rendered":"https:\/\/www.inogic.com\/blog\/?p=28817"},"modified":"2021-09-01T09:14:58","modified_gmt":"2021-09-01T09:14:58","slug":"new-maker-experience-for-app-designing-in-dataverse-and-dynamics-365-crm","status":"publish","type":"post","link":"https:\/\/www.inogic.com\/blog\/2021\/08\/new-maker-experience-for-app-designing-in-dataverse-and-dynamics-365-crm\/","title":{"rendered":"New maker experience for App designing in Dataverse and Dynamics 365 CRM"},"content":{"rendered":"<p style=\"text-align: justify;\">Dynamics 365 CRM and Dataverse Apps have been on a journey to modernization for some time now and looks like it has now reached the maker experiences for app designing. The app designer experience gets a makeover with a new wysiwyg designer that not only lets you design the app the way you want but also provide with a realtime preview of what the app experience would be like for your users on various devices and resolutions.<\/p>\n<p style=\"text-align: justify;\">This feature is currently in preview and has already shipped to most regions.<\/p>\n<p><a href=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image001-ink-6.png\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" class=\"aligncenter wp-image-28841 size-full\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image001-ink-6.png\" alt=\"New maker experience for App designing in Dataverse and Dynamics 365 CRM\" width=\"2882\" height=\"1122\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image001-ink-6.png 2882w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image001-ink-6-300x117.png 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image001-ink-6-768x299.png 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image001-ink-6-1024x399.png 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image001-ink-6-660x257.png 660w\" sizes=\"(max-width: 2882px) 100vw, 2882px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">Now when you go to create a new app in the maker portal, you are prompted to choose your designer experience.<\/p>\n<p style=\"text-align: justify;\"><a href=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image003-ink-5.png\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" class=\"aligncenter wp-image-28825 size-full\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image003-ink-5.png\" alt=\"New maker experience for App designing in Dataverse and Dynamics 365 CRM\" width=\"1842\" height=\"1180\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image003-ink-5.png 1842w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image003-ink-5-300x192.png 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image003-ink-5-768x492.png 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image003-ink-5-1024x656.png 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image003-ink-5-660x423.png 660w\" sizes=\"(max-width: 1842px) 100vw, 1842px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">You no longer have a separate sitemap designer. With the new experience it is all about pages and if you would like to add the page to the navigation aka sitemap.<\/p>\n<h2 style=\"text-align: justify;\"><strong>Page<\/strong>:<\/h2>\n<p style=\"text-align: justify;\">Page is the way to surface an entity\/table or a dashboard.<\/p>\n<p style=\"text-align: justify;\"><a href=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image005-ink-2.png\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" class=\"aligncenter wp-image-28826 size-full\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image005-ink-2.png\" alt=\"New maker experience for App designing in Dataverse and Dynamics 365 CRM\" width=\"2356\" height=\"1190\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image005-ink-2.png 2356w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image005-ink-2-300x152.png 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image005-ink-2-768x388.png 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image005-ink-2-1024x517.png 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image005-ink-2-660x333.png 660w\" sizes=\"(max-width: 2356px) 100vw, 2356px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">Choose Table based page to get a list of all tables that you want included within the app.<\/p>\n<p style=\"text-align: justify;\"><a href=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image007-ink.png\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" class=\"aligncenter wp-image-28827 size-full\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image007-ink.png\" alt=\"New maker experience for App designing in Dataverse and Dynamics 365 CRM\" width=\"1824\" height=\"1190\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image007-ink.png 1824w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image007-ink-300x196.png 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image007-ink-768x501.png 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image007-ink-1024x668.png 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image007-ink-660x431.png 660w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">Uncheck the show in navigation at the bottom to include the table within the app but not surface it on the sitemap for navigation. At this stage you are only allowed to choose the tables you want to include.<\/p>\n<p style=\"text-align: justify;\">To choose the forms or views that need to be included with the app from the selected table, you need to edit the form \/ view sections from the designer and choose the appropriate forms and views to be included in the app.<\/p>\n<p style=\"text-align: justify;\"><a href=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image009-ink-1.png\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" class=\"aligncenter wp-image-28828 size-full\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image009-ink-1.png\" alt=\"New maker experience for App designing in Dataverse and Dynamics 365 CRM\" width=\"2796\" height=\"1190\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image009-ink-1.png 2796w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image009-ink-1-300x128.png 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image009-ink-1-768x327.png 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image009-ink-1-1024x436.png 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image009-ink-1-660x281.png 660w\" sizes=\"(max-width: 2796px) 100vw, 2796px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">Works similarly for the views as well.<\/p>\n<p style=\"text-align: justify;\"><a href=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image011-ink-1.png\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" class=\"aligncenter wp-image-28829 size-full\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image011-ink-1.png\" alt=\"New maker experience for App designing in Dataverse and Dynamics 365 CRM\" width=\"2876\" height=\"756\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image011-ink-1.png 2876w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image011-ink-1-300x79.png 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image011-ink-1-768x202.png 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image011-ink-1-1024x269.png 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image011-ink-1-660x173.png 660w\" sizes=\"(max-width: 2876px) 100vw, 2876px\" \/><\/a><\/p>\n<h2 style=\"text-align: justify;\"><strong>Working with Dashboards<\/strong><\/h2>\n<p style=\"text-align: justify;\">To add Dashboards to your app, choose dashboard in the first step of Add page to see the list of available dashboards from the environment. Choose the desired dashboards, check the show in navigation option and you have the Dashboards subarea added to the navigation automatically<a href=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image013-ink.png\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" class=\"aligncenter wp-image-28831 size-full\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image013-ink.png\" alt=\"New maker experience for App designing in Dataverse and Dynamics 365 CRM\" width=\"1816\" height=\"1144\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image013-ink.png 1816w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image013-ink-300x189.png 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image013-ink-768x484.png 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image013-ink-1024x645.png 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image013-ink-660x416.png 660w\" sizes=\"(max-width: 1816px) 100vw, 1816px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\"><em>Note: If you want to add additional dashboards later, you need to follow the same Add page path and choose the new dashboards from the list. Make sure to uncheck the show in navigation option as you already have the Dashboards area in your sitemap.<\/em><\/p>\n<p style=\"text-align: justify;\"><em>\u00a0<\/em>To set the default Dashboard to show up upon navigation set the Dashboard property from navigation section.<\/p>\n<p style=\"text-align: justify;\"><a href=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image015-ink-1.png\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" class=\"aligncenter wp-image-28832 size-full\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image015-ink-1.png\" alt=\"New maker experience for App designing in Dataverse and Dynamics 365 CRM\" width=\"2776\" height=\"714\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image015-ink-1.png 2776w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image015-ink-1-300x77.png 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image015-ink-1-768x198.png 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image015-ink-1-1024x263.png 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image015-ink-1-660x170.png 660w\" sizes=\"(max-width: 2776px) 100vw, 2776px\" \/><\/a><\/p>\n<h2 style=\"text-align: justify;\"><strong>Navigation:<\/strong><\/h2>\n<p style=\"text-align: justify;\">Navigation is the legacy sitemap that we would use to design the app navigation.<\/p>\n<p style=\"text-align: justify;\">The navigation option only allows you to add Group and a Subarea at this point.<\/p>\n<p style=\"text-align: justify;\"><a href=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image017-ink-3.png\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" class=\"aligncenter wp-image-28851 size-full\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image017-ink-3.png\" alt=\"New maker experience for App designing in Dataverse and Dynamics 365 CRM\" width=\"576\" height=\"434\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image017-ink-3.png 576w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image017-ink-3-300x226.png 300w\" sizes=\"(max-width: 576px) 100vw, 576px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">This means we are not able to define multiple areas that was available earlier. The app navigation pane will now have a single area and you can categorize items using groups.<\/p>\n<p style=\"text-align: justify;\">This if not mistaken goes back to the navigation options we had in older legacy versions of Dynamics CRM instead of the current sitemap design that allows multiple areas and option to switch between multiple areas.<\/p>\n<p style=\"text-align: justify;\"><a href=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image019-ink-1.png\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" class=\"aligncenter wp-image-28834 size-full\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image019-ink-1.png\" alt=\"New maker experience for App designing in Dataverse and Dynamics 365 CRM\" width=\"922\" height=\"938\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image019-ink-1.png 922w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image019-ink-1-295x300.png 295w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image019-ink-1-768x781.png 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image019-ink-1-660x671.png 660w\" sizes=\"(max-width: 922px) 100vw, 922px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">Currently the navigation only supports Table and Dashboard, and this means using the new designer, we are unable to currently include WebResources or External URL in the navigation.<\/p>\n<p style=\"text-align: justify;\"><a href=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image021-ink-1.png\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-28836\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image021-ink-1.png\" alt=\"\" width=\"736\" height=\"712\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image021-ink-1.png 736w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image021-ink-1-300x290.png 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image021-ink-1-660x638.png 660w\" sizes=\"(max-width: 736px) 100vw, 736px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">Check the responsive behavior of the app across devices and resolutions using this option at the bottom.<\/p>\n<p style=\"text-align: justify;\"><a href=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image023-ink.png\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" class=\"aligncenter wp-image-28838 size-full\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image023-ink.png\" alt=\"New maker experience for App designing in Dataverse and Dynamics 365 CRM\" width=\"2880\" height=\"1078\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image023-ink.png 2880w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image023-ink-300x112.png 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image023-ink-768x287.png 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image023-ink-1024x383.png 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image023-ink-660x247.png 660w\" sizes=\"(max-width: 2880px) 100vw, 2880px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">You still have the Switch to Classic button available to go back to the classic designer to include\/exclude components not currently available through this designer.<\/p>\n<p style=\"text-align: justify;\">Looks like bug, but when I clicked on switch to classic it auto added these additional entities to the app which I didn\u2019t have in my app at all.<\/p>\n<p style=\"text-align: justify;\"><a href=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image025-ink.png\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" class=\"aligncenter wp-image-28819 size-full\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image025-ink.png\" alt=\"New maker experience for App designing in Dataverse and Dynamics 365 CRM\" width=\"2152\" height=\"1136\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image025-ink.png 2152w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image025-ink-300x158.png 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image025-ink-768x405.png 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image025-ink-1024x541.png 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/image025-ink-660x348.png 660w\" sizes=\"(max-width: 2152px) 100vw, 2152px\" \/><\/a><\/p>\n<p style=\"text-align: justify;\">Remember this is still in Preview\u2026<\/p>\n<p><a href=\"https:\/\/www.maplytics.com\/\"><img decoding=\"async\" class=\"aligncenter wp-image-28845 size-full\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/1.jpg\" alt=\"\" width=\"800\" height=\"200\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/1.jpg 800w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/1-300x75.jpg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/1-768x192.jpg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/08\/1-660x165.jpg 660w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dynamics 365 CRM and Dataverse Apps have been on a journey to modernization for some time now and looks like it has now reached the maker experiences for app designing. The app designer experience gets a makeover with a new wysiwyg designer that not only lets you design the app the way you want but\u2026 <span class=\"read-more\"><a href=\"https:\/\/www.inogic.com\/blog\/2021\/08\/new-maker-experience-for-app-designing-in-dataverse-and-dynamics-365-crm\/\">Read More &raquo;<\/a><\/span><\/p>\n","protected":false},"author":13,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[2354],"tags":[2171,533],"class_list":["post-28817","post","type-post","status-publish","format-standard","hentry","category-dataverse","tag-dataverse","tag-dynamics-365"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts\/28817","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/comments?post=28817"}],"version-history":[{"count":0,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts\/28817\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/media?parent=28817"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/categories?post=28817"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/tags?post=28817"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}