Copilot in Power Apps | Add Copilot Control to Power Apps Canvas App

Are you ready to know about the new feature of Power Apps? If Yes, Then say Hello! to the Power Apps Copilot. It is an AI assistant for app makers and app users.

In this Power Apps tutorial, I will show you a small journey related to Power Apps Copilot, like:

  • What is Power Apps Copilot
  • How Power Apps Copilot Works
  • How to enable or disable copilot in Power Apps
  • Build a Power Apps app through conversation
  • Edit your Power Apps app with copilot
  • Add Copilot control to Power Apps canvas app
  • Power Apps Copilot answer Control

Copilot in Power Apps

Power Apps Copilot is an AI feature, and it is designed for app development.

The Copilot is a helping hand for app developers. It helps them create an app through conversation, has a coding talent beside them while developing an app, and provides helpful suggestions at every stage of development.

Copilot for Power Apps

How Power Apps Copilot Works?

  1. Power Apps users can provide their requirements in natural language to build the Power Apps application.
  2. Once they provide their requirement, the copilot generates the application with the data tables and logic.
  3. While developing a Power Apps application, the copilot provides some suggestions on how to develop an app. This will assist them throughout their journey with coding genius.
  4. Also, Copilot values your data privacy. Whether you use it for personal or professional reasons, Copilot guarantees security, and your data will be confidential.
  5. The users can also delete the chat history.

Enable or Disable Copilot in Power Apps

Before starting work with PowerApps Copilot, we need to enable the Copilot feature in the Power Platform Admin center.

Step 1: Enable or Disable Copilot in Power Apps for your Environment

  • Go to your Power Platform Admin Center
  • On the left-navigation menu -> Select Environments -> Select PowerAppsDevelopmentEnv -> Select Settings, -> Expand Product -> Then click on the Features.
Enable Copilot in Power Apps for your Environment
  • Under features, you can find Copilot. To enable Copilot in your Power Apps, set the toggle control to On. Then click on the Save button.
enable or disable copilot in power apps

Otherwise, If you want to Disable Copilot in your Power Apps, set the toggle control to Off -> Then click on the Save button.

How to enable or disable copoilot features in Microsoft Power Apps

Step 2: Enable or Disable Copilot in Power Apps for your Tenant

  • Go to your Power Platform Admin Center.
  • On the left navigation menu -> Select Settings -> Then, click on Copilot in Power Apps.
How to enable copilot features in Microsoft Power Apps
  • To enable the Copilot in Power Apps, Set the Toggle to On. Then, click the Save button.
Enable copilot in Microsoft Power Apps
  • To disable the Copilot in Power Apps, Set the Toggle to Off. Then, click on the Save button.
Disable copilot in Microsoft Power Apps

This way, we can easily enable or disable the copilot in Power Apps.

Build an App Using Power Apps Copilot

See, this Copilot has become a best friend for all app developers. If we are confused about where to start developing a Power Apps app or anything else, we can easily develop an app using natural language.

Let me build a Help Desk application using Copilot; if You want to see how it works, then follow the below steps:

  • Open your Power Apps Home page; on the Power Apps Home page, you can easily use the options to create applications:
    • Collect RSVP’s
    • Track sales lead
    • List inventory
    • Manage inspections

But, we will build a “Help Desk Application.”

How to build a Power Apps application using copilot
  • In the Copilot Text Input box, provide your requirements. Let us give you a “Help Desk Appliction“. Then click on the Send icon.
Build a Power Apps app through conversation
  • Now, the Copilot will create a Help desk, dataverse table with a few columns and its values in the columns.

The columns like:

  1. Ticket ID
  2. Customer Name
  3. Issue
  4. Priority
  5. Status
Build a Power Apps application using copilot
  • If you want to add a new column, you can provide it in the chatbox, like “Add Issue Handled By column to the table.” -> Then, click on the send icon.
Build Power Apps from scratch using copilot
  • The Help Desk table will be updated by adding the column “Issue Handled By.”
How to use copilot in Power Apps
  • To create an app, click on the Create app button.
build powerapps from scratch using copilot
Create your first Power Apps with Copilot

This way, Power Apps app builders can easily create a Power Apps application using natural language or understandable conversation.

Edit Power Apps App Using Copilot

We have built a Power Apps application with Copilot up to now, but let’s edit that particular app with Copilot now.

Once we create an app, there is an AI assistant on the right-hand navigation; you can use this to edit your Power Apps app.

Building your Power Apps with AI Copilot

While editing the Power Apps app with Copilot, some following controls support:

  1. Screen
  2. Gallery Control
  3. Edit form
  4. Text-input control
  5. Text label control
  6. Button control
  7. Horizontal and Vertical containers

Now, let’s tell the copilot to edit your Power Apps application.

Scenario 1: Insert a Home icon with a background color white

Edit your Power Apps app with copilot

Scenario 2: Add a new success screen

How to edit your Power Apps app with copilot

Scenario 3: Change the background screen color to grey

Edit Power Apps app with copilot

Scenario 4: Let’s do some interaction between button control and Screen

I have provided the following text in the copilot text-input control: “To the selected form, insert a button control; when the user clicks on it, it should navigate to Screen 1.”

How to edit Power Apps app with copilot

Now, whenever the user clicks on the button control, it will navigate to the Screen 1 [Success Screen.]

Copilot in Power Apps

Scenario 5: Change the selected Button control’s text property to “Submit.”

copilot powerapps

This is how we can edit the Power Apps application using Copilot.

Add Copilot Control to Power Apps Canvas App

The Power Apps Copilot control is an ai-assistant, which can connect to the data source. Here, the app users can ask any question regarding the data source, and it will answer based on your data source.

Let us see how we can add a copilot control to the Power Apps canvas app.

  • On the new Power Apps screen, click on a +Insert -> Search for Copilot control and then select it.
powerapps copilot
  • Let’s connect the Copilot control to the above Dataverse table. Select the Copilot control -> Set its Items property to:
'Help Desks'
Add Copilot control to Power Apps canvas app

Now, let’s ask some questions to the copilot regarding my data source.

Scenario 1: How many Help Desks are there?

How to add Copilot control to Power Apps canvas app

Scenario 2: What are my Help Desks?

add copilot control to Power Apps

Scenario 3: Say me the Customer Names?

add copilot control to a canvas app

Scenario 4: Say me Ticket ID’s

how to add copilot control to a canvas app

Scenario 5: Say me Assigned To’s

copilot control powerapps

This way, we can easily utilize the copilot control in Power Apps.

Power Apps Copilot Answer Control

Power Apps copilot answer control was newly added to Power Apps and is currently in the public preview. It was made on April 3rd, 2024.

This control only supports the Dataverse table, and it doesn’t support any other data sources such as SharePoint, Excel spreadsheets, etc.

The Copilot answer control gives a summary of the dataverse table, and you can also change the question for Copilot while editing the app.

Now, let’s add this Copilot answer control to your Power Apps application.

  • On the new Power Apps screen, click a +Insert -> Search for Copilot answer control and then select it.
Copilot answer control powerapps
  • Let’s connect the Copilot answer control to the above Dataverse table. Select the Copilot answer control -> Set its Items property to:
Power Apps Copilot answer Control
  • To change the control’s Title, Select the Copilot answer control -> Set its Title property to:
"Summary of Help Desk"
add copilot answer control powerapps
  • Once you Save, Publish, and Preview the app. Whenever the user clicks on a Send icon, it will provide the summary of the dataverse data table, as shown below:
How to add and use Copilot answer control

Also, you may like some more articles:

Conclusion

So, You’re Not Alone in building the Power Apps Application; there is a Copilot with you!

I hope this Power Apps tutorial helped you to understand Copilot in Power Apps, why and how to use Power Apps Copilot, how to enable or disable Copilot in Power Apps, and many more:

  1. How to build a Power Apps App using Power Apps Copilot
  2. Edit your Power Apps app with copilot
  3. Add Copilot control to Power Apps canvas app