{"id":793,"date":"2021-03-26T17:56:55","date_gmt":"2021-03-26T16:56:55","guid":{"rendered":"https:\/\/dynamiacs.com\/?p=793"},"modified":"2021-03-26T18:29:12","modified_gmt":"2021-03-26T17:29:12","slug":"embed-canvas-app-as-full-page-app-in-dynamics-365-fo","status":"publish","type":"post","link":"https:\/\/dynamiacs.com\/?p=793","title":{"rendered":"Embed Canvas App as full Page App in Dynamics 365 FO"},"content":{"rendered":"\n<p>In this post, I show how to add a Canvas App in Dynamics 365 Finance and Supply Chain as a Full Page App.<\/p>\n\n\n\n<p class=\"has-normal-font-size\">First we need the App Id of the Canvas we want to add. To do this, we open the details of the app in the Canvas App Studio and copy the App Id:<\/p>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile\" style=\"grid-template-columns:67% auto\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"497\" src=\"https:\/\/dynamiacs.com\/wp-content\/uploads\/2021\/03\/PowerApp-as-full-page-1-1024x497.png\" alt=\"\" class=\"wp-image-814 size-full\" srcset=\"https:\/\/dynamiacs.com\/wp-content\/uploads\/2021\/03\/PowerApp-as-full-page-1-1024x497.png 1024w, https:\/\/dynamiacs.com\/wp-content\/uploads\/2021\/03\/PowerApp-as-full-page-1-300x146.png 300w, https:\/\/dynamiacs.com\/wp-content\/uploads\/2021\/03\/PowerApp-as-full-page-1-768x373.png 768w, https:\/\/dynamiacs.com\/wp-content\/uploads\/2021\/03\/PowerApp-as-full-page-1-1536x746.png 1536w, https:\/\/dynamiacs.com\/wp-content\/uploads\/2021\/03\/PowerApp-as-full-page-1-2048x994.png 2048w, https:\/\/dynamiacs.com\/wp-content\/uploads\/2021\/03\/PowerApp-as-full-page-1-1600x777.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"has-normal-font-size\">We find the App Id on make.powerapps.com in the App Details. We copy the App Id to the clipboard.<\/p>\n<\/div><\/div>\n\n\n\n<p>Next, we open the dashboard view of our Dynamics 365 Finance and Supply Chain System. On this dashboard we can open a context menu by right-clicking and then start the adding process via &#8220;Personalize&#8221;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized is-style-default\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/dynamiacs.com\/wp-content\/uploads\/2021\/03\/PowerApp-as-full-page-07-1024x510.png\" alt=\"\" class=\"wp-image-817\" width=\"641\" height=\"318\" srcset=\"https:\/\/dynamiacs.com\/wp-content\/uploads\/2021\/03\/PowerApp-as-full-page-07-1024x510.png 1024w, https:\/\/dynamiacs.com\/wp-content\/uploads\/2021\/03\/PowerApp-as-full-page-07-300x149.png 300w, https:\/\/dynamiacs.com\/wp-content\/uploads\/2021\/03\/PowerApp-as-full-page-07-768x382.png 768w, https:\/\/dynamiacs.com\/wp-content\/uploads\/2021\/03\/PowerApp-as-full-page-07-1536x765.png 1536w, https:\/\/dynamiacs.com\/wp-content\/uploads\/2021\/03\/PowerApp-as-full-page-07-2048x1020.png 2048w, https:\/\/dynamiacs.com\/wp-content\/uploads\/2021\/03\/PowerApp-as-full-page-07-1600x797.png 1600w\" sizes=\"auto, (max-width: 641px) 100vw, 641px\" \/><\/figure>\n\n\n\n<p>In the next context menu, &#8220;Add a Page&#8221; is then used to add the Power App.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"510\" src=\"https:\/\/dynamiacs.com\/wp-content\/uploads\/2021\/03\/PowerApp-as-full-page-06-1024x510.png\" alt=\"\" class=\"wp-image-818\" srcset=\"https:\/\/dynamiacs.com\/wp-content\/uploads\/2021\/03\/PowerApp-as-full-page-06-1024x510.png 1024w, https:\/\/dynamiacs.com\/wp-content\/uploads\/2021\/03\/PowerApp-as-full-page-06-300x149.png 300w, https:\/\/dynamiacs.com\/wp-content\/uploads\/2021\/03\/PowerApp-as-full-page-06-768x382.png 768w, https:\/\/dynamiacs.com\/wp-content\/uploads\/2021\/03\/PowerApp-as-full-page-06-1536x765.png 1536w, https:\/\/dynamiacs.com\/wp-content\/uploads\/2021\/03\/PowerApp-as-full-page-06-2048x1020.png 2048w, https:\/\/dynamiacs.com\/wp-content\/uploads\/2021\/03\/PowerApp-as-full-page-06-1600x797.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Now a small selection menu opens where we can choose between<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Workspace<\/li><li>Power Apps<\/li><li>Website<\/li><\/ul>\n\n\n\n<p>Here in this post I will cover adding a Power App. In another post I will cover adding a website. <\/p>\n\n\n\n<p>We select &#8220;Power Apps&#8221;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-primer-hero\"><img loading=\"lazy\" decoding=\"async\" width=\"2400\" height=\"1300\" src=\"https:\/\/dynamiacs.com\/wp-content\/uploads\/2021\/03\/PowerApp-as-full-page-05-2400x1300.png\" alt=\"\" class=\"wp-image-821\"\/><\/figure>\n\n\n\n<div class=\"wp-block-media-text alignwide has-media-on-the-right is-stacked-on-mobile\" style=\"grid-template-columns:auto 32%\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"676\" height=\"686\" src=\"https:\/\/dynamiacs.com\/wp-content\/uploads\/2021\/03\/image.png\" alt=\"\" class=\"wp-image-822 size-full\" srcset=\"https:\/\/dynamiacs.com\/wp-content\/uploads\/2021\/03\/image.png 676w, https:\/\/dynamiacs.com\/wp-content\/uploads\/2021\/03\/image-296x300.png 296w\" sizes=\"auto, (max-width: 676px) 100vw, 676px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"has-normal-font-size\">In the next step, we give our app a name and paste the App Id we copied at the beginning into the App Id field and confirm it with Ok.<\/p>\n<\/div><\/div>\n\n\n\n<p>After a reload of the dashboard, we have now added a new dashboard tile via which the Power App can now be opened as a full page within the Dynamics 365 Finance and Supply Chain application.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"510\" src=\"https:\/\/dynamiacs.com\/wp-content\/uploads\/2021\/03\/PowerApp-as-full-page-09-1024x510.png\" alt=\"\" class=\"wp-image-827\" srcset=\"https:\/\/dynamiacs.com\/wp-content\/uploads\/2021\/03\/PowerApp-as-full-page-09-1024x510.png 1024w, https:\/\/dynamiacs.com\/wp-content\/uploads\/2021\/03\/PowerApp-as-full-page-09-300x149.png 300w, https:\/\/dynamiacs.com\/wp-content\/uploads\/2021\/03\/PowerApp-as-full-page-09-768x382.png 768w, https:\/\/dynamiacs.com\/wp-content\/uploads\/2021\/03\/PowerApp-as-full-page-09-1536x765.png 1536w, https:\/\/dynamiacs.com\/wp-content\/uploads\/2021\/03\/PowerApp-as-full-page-09-2048x1020.png 2048w, https:\/\/dynamiacs.com\/wp-content\/uploads\/2021\/03\/PowerApp-as-full-page-09-1600x797.png 1600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>I hope this blog post helps you to personalize your Dynamics 365 Finance and Supply Chain interface.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In this post, I show how to add a Canvas App in Dynamics 365 Finance and Supply Chain as a Full Page App. First we need the App Id of the Canvas we want to add. To do this, we open the details of the app in the Canvas App Studio and copy the App&#8230;<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[8],"tags":[63,11,55],"class_list":["post-793","post","type-post","status-publish","format-standard","hentry","category-blog","tag-canvas-app","tag-dynamics-365","tag-embedded"],"taxonomy_info":{"category":[{"value":8,"label":"Blog"}],"post_tag":[{"value":63,"label":"Canvas App"},{"value":11,"label":"Dynamics 365"},{"value":55,"label":"Embedded"}]},"featured_image_src_large":false,"author_info":{"display_name":"Jan","author_link":"https:\/\/dynamiacs.com\/?author=2"},"comment_info":0,"category_info":[{"term_id":8,"name":"Blog","slug":"blog","term_group":0,"term_taxonomy_id":8,"taxonomy":"category","description":"","parent":0,"count":38,"filter":"raw","cat_ID":8,"category_count":38,"category_description":"","cat_name":"Blog","category_nicename":"blog","category_parent":0}],"tag_info":[{"term_id":63,"name":"Canvas App","slug":"canvas-app","term_group":0,"term_taxonomy_id":63,"taxonomy":"post_tag","description":"","parent":0,"count":4,"filter":"raw"},{"term_id":11,"name":"Dynamics 365","slug":"dynamics-365","term_group":0,"term_taxonomy_id":11,"taxonomy":"post_tag","description":"","parent":0,"count":14,"filter":"raw"},{"term_id":55,"name":"Embedded","slug":"embedded","term_group":0,"term_taxonomy_id":55,"taxonomy":"post_tag","description":"","parent":0,"count":5,"filter":"raw"}],"_links":{"self":[{"href":"https:\/\/dynamiacs.com\/index.php?rest_route=\/wp\/v2\/posts\/793","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dynamiacs.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dynamiacs.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dynamiacs.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/dynamiacs.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=793"}],"version-history":[{"count":8,"href":"https:\/\/dynamiacs.com\/index.php?rest_route=\/wp\/v2\/posts\/793\/revisions"}],"predecessor-version":[{"id":828,"href":"https:\/\/dynamiacs.com\/index.php?rest_route=\/wp\/v2\/posts\/793\/revisions\/828"}],"wp:attachment":[{"href":"https:\/\/dynamiacs.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=793"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dynamiacs.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=793"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dynamiacs.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=793"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}