{"id":30027,"date":"2021-11-26T16:34:56","date_gmt":"2021-11-26T11:04:56","guid":{"rendered":"https:\/\/www.inogic.com\/blog\/?p=30027"},"modified":"2023-01-27T12:43:08","modified_gmt":"2023-01-27T07:13:08","slug":"use-of-new-configuration-page-ui-in-power-apps-solution","status":"publish","type":"post","link":"https:\/\/www.inogic.com\/blog\/2021\/11\/use-of-new-configuration-page-ui-in-power-apps-solution\/","title":{"rendered":"Use of new configuration page UI in Power Apps Solution"},"content":{"rendered":"<h2><strong>Introduction<\/strong><\/h2>\n<p style=\"text-align: justify;\">Microsoft always brings out many new features or replaces the old ones with something much better and more user friendly. It has been some time now that Microsoft has been pushing its Dynamics 365 users towards the new and advanced unified interface. And in the light of the same, Power Apps solution was introduced. Which seems to be slowly inheriting the functionalities from its predecessor with the classic interface, in much more user friendly and visually appealing format.<\/p>\n<p>In this blog, we will have a quick look into the configuration page in the <strong>Power Apps <\/strong>solution.<\/p>\n<p>Now with the new <strong>Solution preview<\/strong> available in Power Apps, when you open your solution by clicking on its name you shall see all the details of your solution in a single screen as shown in the below screenshots:<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-30034\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/11\/1Power-Apps-Solution-ink.jpeg\" alt=\"Power Apps Solution\" width=\"1920\" height=\"511\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/11\/1Power-Apps-Solution-ink.jpeg 1920w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/11\/1Power-Apps-Solution-ink-300x80.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/11\/1Power-Apps-Solution-ink-1024x273.jpeg 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/11\/1Power-Apps-Solution-ink-768x204.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/11\/1Power-Apps-Solution-ink-1536x409.jpeg 1536w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/11\/1Power-Apps-Solution-ink-660x176.jpeg 660w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-30033\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/11\/2Power-Apps-Solution-ink.jpeg\" alt=\"Power Apps Solution\" width=\"1920\" height=\"909\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/11\/2Power-Apps-Solution-ink.jpeg 1920w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/11\/2Power-Apps-Solution-ink-300x142.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/11\/2Power-Apps-Solution-ink-1024x485.jpeg 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/11\/2Power-Apps-Solution-ink-768x364.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/11\/2Power-Apps-Solution-ink-1536x727.jpeg 1536w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/11\/2Power-Apps-Solution-ink-660x312.jpeg 660w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<p>This new interface increases the manageability of our solutions, making it a lot easier and hassle free. This motivates the solution architects to prefer Power Apps solution over the legacy interface.<\/p>\n<p>If you look closely in the above screenshot, you could see that from the Overview of the solution itself, one cannot only run the solution checker but can get a quick glance of its results as well.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-30032\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/11\/3Power-Apps-Solution-ink.jpeg\" alt=\"Power Apps Solution\" width=\"560\" height=\"361\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/11\/3Power-Apps-Solution-ink.jpeg 560w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/11\/3Power-Apps-Solution-ink-300x193.jpeg 300w\" sizes=\"(max-width: 560px) 100vw, 560px\" \/><\/p>\n<p>So now, with the ability to view details of the solutions from the Power Apps you can see the Configuration Page here as well. The configuration page is the first page of the solution, which shall contain the information about the current solution. Mostly ISVs use this configuration page to let user configure the application after importing the solution.<\/p>\n<p>Let us check how to register or view the custom page as configuration page in the solution.<\/p>\n<p>You can either register a configuration page on the creation of the solution itself or post creating it.<\/p>\n<p>However, in either case you must have your custom page i.e. an HTML Web Resource already present in your CRM.<\/p>\n<p>Below are the steps to add the HTML Web Resource in your CRM.<\/p>\n<ol>\n<li>Navigate to <a href=\"https:\/\/make.powerapps.com\" target=\"_blank\" rel=\"noopener\">Power Apps<\/a> &#8211; &gt; <strong>Solutions<\/strong> -&gt; click on your solution -&gt;<\/li>\n<li>Then click <strong>Add New<\/strong> button and select the <strong>Web Resource<\/strong>.<\/li>\n<\/ol>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-30031\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/11\/4Power-Apps-Solution-ink.jpeg\" alt=\"Power Apps Solution\" width=\"1920\" height=\"898\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/11\/4Power-Apps-Solution-ink.jpeg 1920w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/11\/4Power-Apps-Solution-ink-300x140.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/11\/4Power-Apps-Solution-ink-1024x479.jpeg 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/11\/4Power-Apps-Solution-ink-768x359.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/11\/4Power-Apps-Solution-ink-1536x718.jpeg 1536w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/11\/4Power-Apps-Solution-ink-660x309.jpeg 660w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<ol start=\"3\">\n<li>Now a pop-up is seen where you have to specify the details of the web resource and upload the HTML file as shown below:<\/li>\n<\/ol>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-30030\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/11\/5Power-Apps-Solution-ink.jpeg\" alt=\"Power Apps Solution\" width=\"1010\" height=\"543\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/11\/5Power-Apps-Solution-ink.jpeg 1010w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/11\/5Power-Apps-Solution-ink-300x161.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/11\/5Power-Apps-Solution-ink-768x413.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/11\/5Power-Apps-Solution-ink-660x355.jpeg 660w\" sizes=\"(max-width: 1010px) 100vw, 1010px\" \/><\/p>\n<ol start=\"4\">\n<li>Hit the Create button and you have your custom page ready for use.<\/li>\n<\/ol>\n<p>Now that you have added your custom page in your instance, let us register it as the Configuration page for your solution.<\/p>\n<ol>\n<li>Either create a new solution or open an existing one by navigating to <a href=\"https:\/\/make.powerapps.com\" target=\"_blank\" rel=\"noopener\">Power Apps<\/a> &#8211; &gt; <strong>Solutions<\/strong>.<\/li>\n<li>In the solution navigate to the <strong>Overview<\/strong> tab and click on <strong>Edit details<\/strong>.<\/li>\n<li>This will open the <strong>Solution settings<\/strong> window where you can find the <strong>Configuration page<\/strong> selector on expanding the <strong>More options<\/strong><\/li>\n<\/ol>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-30029\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/11\/6Power-Apps-Solution-ink.jpeg\" alt=\"Power Apps Solution\" width=\"1428\" height=\"676\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/11\/6Power-Apps-Solution-ink.jpeg 1428w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/11\/6Power-Apps-Solution-ink-300x142.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/11\/6Power-Apps-Solution-ink-1024x485.jpeg 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/11\/6Power-Apps-Solution-ink-768x364.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/11\/6Power-Apps-Solution-ink-660x312.jpeg 660w\" sizes=\"(max-width: 1428px) 100vw, 1428px\" \/><\/p>\n<ol start=\"4\">\n<li>Once the changes have been updated, the <strong><em>Configuration page (View Page)<\/em><\/strong> option will be visible in the Details section. By clicking on the <strong>View page<\/strong> link, the registered custom page shows up in a pop-up as shown below:<\/li>\n<\/ol>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-30028\" style=\"border: 1px solid #0a0a0a; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/11\/7Power-Apps-Solution-ink.jpeg\" alt=\"Power Apps Solution\" width=\"1918\" height=\"896\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/11\/7Power-Apps-Solution-ink.jpeg 1918w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/11\/7Power-Apps-Solution-ink-300x140.jpeg 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/11\/7Power-Apps-Solution-ink-1024x478.jpeg 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/11\/7Power-Apps-Solution-ink-768x359.jpeg 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/11\/7Power-Apps-Solution-ink-1536x718.jpeg 1536w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2021\/11\/7Power-Apps-Solution-ink-660x308.jpeg 660w\" sizes=\"(max-width: 1918px) 100vw, 1918px\" \/><\/p>\n<h2><strong>Conclusion<\/strong><\/h2>\n<p>Thus, with the commencement of new Solution preview, creating, editing and managing of solutions has indeed become a seamless process.<\/p>\n<h3 style=\"text-align: left;\"><div class=\"su-heading su-heading-style-default su-heading-align-center\" id=\"\" style=\"font-size:15px;margin-bottom:5px\"><div class=\"su-heading-inner\">Leverage the benefits of an experienced Software Vendor!<\/div><\/div><\/h3>\n<p><em>Are you on the lookout for <a href=\"https:\/\/bit.ly\/3JnjQCD\" target=\"_blank\" rel=\"noopener\"> Independent Software Vendor<\/a> offerings for your Microsoft Dynamics 365 or Power Platform technical requirements?<br \/>\n<a href=\"https:\/\/bit.ly\/3WMUL73\" target=\"_blank\" rel=\"noopener\">Inogic- Professional Services<\/a> Division is what you need to approach. Write to us at <a href=\"mailto:crm@inogic.com\" target=\"_blank\" rel=\"noopener\">crm@inogic.com<\/a> for detailed consulting.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introduction Microsoft always brings out many new features or replaces the old ones with something much better and more user friendly. It has been some time now that Microsoft has been pushing its Dynamics 365 users towards the new and advanced unified interface. And in the light of the same, Power Apps solution was introduced.\u2026 <span class=\"read-more\"><a href=\"https:\/\/www.inogic.com\/blog\/2021\/11\/use-of-new-configuration-page-ui-in-power-apps-solution\/\">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":[2053],"tags":[],"class_list":["post-30027","post","type-post","status-publish","format-standard","hentry","category-power-apps-portals"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts\/30027","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=30027"}],"version-history":[{"count":0,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts\/30027\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/media?parent=30027"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/categories?post=30027"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/tags?post=30027"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}