{"id":38939,"date":"2024-08-14T15:19:46","date_gmt":"2024-08-14T09:49:46","guid":{"rendered":"https:\/\/www.inogic.com\/blog\/?p=38939"},"modified":"2024-08-19T09:50:10","modified_gmt":"2024-08-19T04:20:10","slug":"use-copilot-answer-ai-control-in-canvas-app-to-get-business-insights","status":"publish","type":"post","link":"https:\/\/www.inogic.com\/blog\/2024\/08\/use-copilot-answer-ai-control-in-canvas-app-to-get-business-insights\/","title":{"rendered":"Use Copilot Answer AI Control in Canvas App to Get Business Insights"},"content":{"rendered":"<p><img decoding=\"async\" class=\"alignnone wp-image-38947 size-full\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/08\/Copilot-Answer-AI-control-in-Canvas-App.png\" alt=\"Copilot Answer AI control in Canvas App\" width=\"2800\" height=\"1600\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/08\/Copilot-Answer-AI-control-in-Canvas-App.png 2800w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/08\/Copilot-Answer-AI-control-in-Canvas-App-300x171.png 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/08\/Copilot-Answer-AI-control-in-Canvas-App-1024x585.png 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/08\/Copilot-Answer-AI-control-in-Canvas-App-768x439.png 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/08\/Copilot-Answer-AI-control-in-Canvas-App-1536x878.png 1536w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/08\/Copilot-Answer-AI-control-in-Canvas-App-2048x1170.png 2048w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/08\/Copilot-Answer-AI-control-in-Canvas-App-660x377.png 660w\" sizes=\"(max-width: 2800px) 100vw, 2800px\" \/><\/p>\n<p style=\"text-align: justify;\">In today&#8217;s world, where everything seems to be changing rapidly, AI is set to push beyond all of its boundaries. Making its way to integrate Copilot in the building and creation of <a href=\"https:\/\/www.inogic.com\/services\/microsoft-power-platform\/microsoft-power-apps-canvas-app\/\" target=\"_blank\" rel=\"noopener\">Power Apps<\/a>.<\/p>\n<h2 style=\"text-align: justify;\"><strong>Use Case<\/strong>:<\/h2>\n<p style=\"text-align: justify;\">Our team has developed a canvas app that grants senior leaders the ability to review business reports such as &#8220;Which lead generated the highest revenue?&#8221; &#8220;Leads Generated in the United States,&#8221;\u00a0 or &#8220;Categorise the Leads by Order Type,&#8221; and based on these reports, they will make data-driven decisions. While we initially used Power FX, Microsoft has now introduced a <strong>Copilot Answer<\/strong> low-code control that simplifies this process.<\/p>\n<h3 style=\"text-align: justify;\"><strong>How can we integrate Copilot Answer into Power Apps?<\/strong><\/h3>\n<ul style=\"text-align: justify;\">\n<li>To use the Copilot Answer control in a canvas app, the admin must activate the option to &#8220;Enable canvas editors to integrate the Copilot answer component in the <a href=\"https:\/\/admin.powerplatform.microsoft.com\/\" target=\"_blank\" rel=\"noopener\">Power Platform admin center<\/a>, offering users with AI-driven responses to predefined data queries.\u201d<\/li>\n<li>Go to <strong>Environments<\/strong> &gt; Select the environment &gt; <strong>Settings<\/strong> &gt; <strong>Product<\/strong> &gt; <strong>Features<\/strong>.<\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"alignnone wp-image-38940 size-full\" style=\"border: 1px solid #000000; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/08\/Copilot-Answer-AI-control-in-Canvas-App-1.png\" alt=\"Copilot Answer AI control in Canvas App\" width=\"1846\" height=\"674\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/08\/Copilot-Answer-AI-control-in-Canvas-App-1.png 1846w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/08\/Copilot-Answer-AI-control-in-Canvas-App-1-300x110.png 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/08\/Copilot-Answer-AI-control-in-Canvas-App-1-1024x374.png 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/08\/Copilot-Answer-AI-control-in-Canvas-App-1-768x280.png 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/08\/Copilot-Answer-AI-control-in-Canvas-App-1-1536x561.png 1536w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/08\/Copilot-Answer-AI-control-in-Canvas-App-1-660x241.png 660w\" sizes=\"(max-width: 1846px) 100vw, 1846px\" \/><\/p>\n<h3 style=\"text-align: justify;\"><strong>How to Add the Copilot Answer Component in a Canvas App?<\/strong><\/h3>\n<p><strong>Open the Canvas app in Power Apps Studio.<\/strong><\/p>\n<p>We need to enable the <strong>&#8216;Modern controls and themes&#8217;<\/strong> setting before using the controls in Canvas apps available in the <strong>&#8216;Upcoming Features&#8217;<\/strong> section.<\/p>\n<ol>\n<li style=\"text-align: left;\">From the command bar, select <strong>Insert, <\/strong>and under Artificial Intelligence &gt; choose <strong>Copliot answer. <img decoding=\"async\" class=\"alignnone wp-image-38941 size-full\" style=\"border: 1px solid #000000; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/08\/Copilot-Answer-AI-control-in-Canvas-App-2.png\" alt=\"Copilot Answer AI control in Canvas App\" width=\"1796\" height=\"797\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/08\/Copilot-Answer-AI-control-in-Canvas-App-2.png 1796w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/08\/Copilot-Answer-AI-control-in-Canvas-App-2-300x133.png 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/08\/Copilot-Answer-AI-control-in-Canvas-App-2-1024x454.png 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/08\/Copilot-Answer-AI-control-in-Canvas-App-2-768x341.png 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/08\/Copilot-Answer-AI-control-in-Canvas-App-2-1536x682.png 1536w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/08\/Copilot-Answer-AI-control-in-Canvas-App-2-660x293.png 660w\" sizes=\"(max-width: 1796px) 100vw, 1796px\" \/><\/strong><\/li>\n<li style=\"text-align: left;\">Once the <strong>Copliot answer<\/strong> control is added to Canvas app, you need to connect it to a Dataverse data source. Select data source as per your requirements. <img decoding=\"async\" class=\"alignnone wp-image-38942 size-full\" style=\"border: 1px solid #000000; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/08\/Copilot-Answer-AI-control-in-Canvas-App-3.png\" alt=\"Copilot Answer AI control in Canvas App\" width=\"1788\" height=\"885\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/08\/Copilot-Answer-AI-control-in-Canvas-App-3.png 1788w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/08\/Copilot-Answer-AI-control-in-Canvas-App-3-300x148.png 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/08\/Copilot-Answer-AI-control-in-Canvas-App-3-1024x507.png 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/08\/Copilot-Answer-AI-control-in-Canvas-App-3-768x380.png 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/08\/Copilot-Answer-AI-control-in-Canvas-App-3-1536x760.png 1536w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/08\/Copilot-Answer-AI-control-in-Canvas-App-3-660x327.png 660w\" sizes=\"(max-width: 1788px) 100vw, 1788px\" \/><\/li>\n<li style=\"text-align: left;\">In the control properties pane, go to the<strong> Properties <\/strong>tab to continue with the configuration.<\/li>\n<\/ol>\n<h3 style=\"padding-left: 40px; text-align: left;\"><strong>Properties of the Copilot Answer Control<\/strong><\/h3>\n<ul style=\"text-align: left;\">\n<li style=\"list-style-type: none;\">\n<ul style=\"text-align: justify;\">\n<li><strong>Data source (items)<\/strong>: The control supports Dataverse as the data source, from which it retrieves answers based on the selected table.<\/li>\n<li><strong>Views<\/strong>: To present data, user can select the view from the available options.<\/li>\n<li><strong>Fields<\/strong>: User can add fields as per their requirement by default, some fields are selected.<\/li>\n<li><strong>Title<\/strong>: Label given to control to display.<\/li>\n<li><strong>Question for Copilot<\/strong>: You can input the specific query that the AI will use to generate an answer based on the selected data source.<\/li>\n<li><strong>Show Answer: <\/strong>Provides two methods for displaying an answer: one where the answer appears upon clicking the \u2018<strong>Arrow<\/strong>\u2019 icon, and another where the answer is displayed immediately when the control loads, given that the question is specified in the properties window.<\/li>\n<li><strong>Display Mode: <\/strong>Specifies whether the control allows user input (Edit), displays data only (View), or is inactive (Disabled).<\/li>\n<li><strong>Position and Size: <\/strong>It determines how control will appear on the canvas app.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p style=\"text-align: left;\"><img decoding=\"async\" class=\"alignnone wp-image-38943 size-full\" style=\"border: 1px solid #000000; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/08\/Copilot-Answer-AI-control-in-Canvas-App-4.png\" alt=\"Copilot Answer AI control in Canvas App\" width=\"1915\" height=\"889\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/08\/Copilot-Answer-AI-control-in-Canvas-App-4.png 1915w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/08\/Copilot-Answer-AI-control-in-Canvas-App-4-300x139.png 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/08\/Copilot-Answer-AI-control-in-Canvas-App-4-1024x475.png 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/08\/Copilot-Answer-AI-control-in-Canvas-App-4-768x357.png 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/08\/Copilot-Answer-AI-control-in-Canvas-App-4-1536x713.png 1536w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/08\/Copilot-Answer-AI-control-in-Canvas-App-4-660x306.png 660w\" sizes=\"(max-width: 1915px) 100vw, 1915px\" \/><\/p>\n<p style=\"text-align: justify;\">After configuring the properties, save your changes, and publish your app.<\/p>\n<p style=\"text-align: justify;\"><img decoding=\"async\" class=\"alignnone wp-image-38944 size-full\" style=\"border: 1px solid #000000; padding: 1px; margin: 1px;\" src=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/08\/Copilot-Answer-AI-control-in-Canvas-App-5.png\" alt=\"Copilot Answer AI control in Canvas App\" width=\"1862\" height=\"888\" srcset=\"https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/08\/Copilot-Answer-AI-control-in-Canvas-App-5.png 1862w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/08\/Copilot-Answer-AI-control-in-Canvas-App-5-300x143.png 300w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/08\/Copilot-Answer-AI-control-in-Canvas-App-5-1024x488.png 1024w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/08\/Copilot-Answer-AI-control-in-Canvas-App-5-768x366.png 768w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/08\/Copilot-Answer-AI-control-in-Canvas-App-5-1536x733.png 1536w, https:\/\/www.inogic.com\/blog\/wp-content\/uploads\/2024\/08\/Copilot-Answer-AI-control-in-Canvas-App-5-660x315.png 660w\" sizes=\"(max-width: 1862px) 100vw, 1862px\" \/><\/p>\n<p style=\"text-align: justify;\"><strong><em><u>Note: Copilot only supports Dataverse tables<\/u><\/em><\/strong><\/p>\n<h2 style=\"text-align: justify;\"><strong>Conclusion: <\/strong><\/h2>\n<p style=\"text-align: justify;\">This feature simplifies data interaction, allowing even non-technical users to leverage this control to enhance UI interaction and efficiency.<\/p>\n<p><strong><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\">Experience the power of Dynamics 365 and Power Platform with Copilot! <\/div><\/div><\/strong><\/p>\n<p>Stay ahead with the latest updates in Copilot, integrating <a href=\"https:\/\/bit.ly\/45q16LG\">Microsoft Copilot<\/a> into your developments. Connect with us at <a href=\"mailto:crm@inogic.com\">crm@inogic.com<\/a> for personalized AI-enabled solutions tailored to your business needs.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In today&#8217;s world, where everything seems to be changing rapidly, AI is set to push beyond all of its boundaries. Making its way to integrate Copilot in the building and creation of Power Apps. Use Case: Our team has developed a canvas app that grants senior leaders the ability to review business reports such as\u2026 <span class=\"read-more\"><a href=\"https:\/\/www.inogic.com\/blog\/2024\/08\/use-copilot-answer-ai-control-in-canvas-app-to-get-business-insights\/\">Read More &raquo;<\/a><\/span><\/p>\n","protected":false},"author":11,"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":[1954,2746,44],"tags":[2903],"class_list":["post-38939","post","type-post","status-publish","format-standard","hentry","category-canvas-apps","category-copilot","category-power-apps","tag-copilot-ai"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts\/38939","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\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/comments?post=38939"}],"version-history":[{"count":0,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/posts\/38939\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/media?parent=38939"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/categories?post=38939"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inogic.com\/blog\/wp-json\/wp\/v2\/tags?post=38939"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}