Menu Close

Tag: #canvasapps

How to enable Chatbot control and add Power Virtual Agent chatbot to your canvas app

uk365guy

Hello Everyone,

Today i am going to show how to enable and add the chat bot to your canvas app.

Lets gets started.

Login into www.make.powerapps.com

Open existing canvas app and click on settings and enable the chatbot component(see below screenshot)

As soon as chatbot component enabled the chatbot input control appear on the INPUT area on the left hand side of the canvas app.

By adding the Chatbot to your canvas apps and embed a published Power Virtual Agent Chatbot to assist your end users with a variety of requests. Providing simple answers to common questions to resolving issues requiring complex conversations.

We can use an AI or AI boosted conversations bot:

1. With AI chatbots, you can create an extended tree of answers to support your users,

2. With AI boosted conversations Power Virtual Agents bot your bot can have higher ability to respond to the user by using a number of prompts or generating a response based on provided “fallback” website which you set. The fallback website can include internal documents or publicly available websites.

You can design the Chatbot by giving it a name, change the size of the control window and position it anywhere on the screen.

Note: This feature is still in preview and it is powered by Azure OpenAI Service

Prerequisties:

AI Copilot Overview

To add chatbot control, need to create and publish a bot on Power Virtual Agent web app. you can create any bot such as a AI bot or a new generative AI enriched PVA.

Bot Schema Name:

To add the Chatbot, you need to schema name of the bot to add to the chatbot control properties in Power apps studio.

1. Login to Power Virtual Agent.
2. Go to settings
3. Bot details
4. Advanced : Copy Schema Name: gmr_bot1

Turn on the chatbot control:

Open the canvas app and click on editing.

1. Setting > Upcoming Features

2. Preview tab set the toggle for Chatbot component to On.

Add the Chatbot Control to the Bot.

Canvas app open and editing mode.

1. Select the Insert

2. Expand input menu an then select the Chatbot(Preview), drag and drop on your canvas app screen.

3. Enter the schema name of your bot into the control.

Important Properties:

Schema Name: the schema name must be entered to connect to your published Power Virtual Agent bot to your canvas app.

Header Label: this is the label shown to the app users, if the label is entered it will be defaulted to chatbot.

You can reposition by adjusting and sizes.

Only limitation is you can embed a bot with no user authentication.

That’s it for today.

I hope this helps
Malla Reddy(@UK365GUY)
#365BlogPostsin365Days

Share this:

{How to} add canvas app to Microsoft Teams

uk365guy

Hello Everyone,

Today i am going to show how to add your canvas app to Microsoft Teams.

Lets gets started.

Login into www.make.powerapps.com

Click on the apps and then select the app you want to add to Microsoft Teams, click on “…” you will see the add to teams.

Click on the add to teams..

Then your App will appear on Microsoft Teams and click add:

You can add either to your teams channel or chat.

As an example i have selected as add to the teams and in order to create a tab, you need to select the organisation and click on “set up tab”.

Then new pop up will appear and click on the save button.

New tab “Floor Estimates” will appear on the Microsoft Teams channel.

That’s it for today.

I hope this helps.

Malla Reddy(@uk365guy)
#365BlogPostsin365Days

Share this:

How to wrap a canvas app to distribute on IoS Andriod or google playstore

uk365guy

Hello Everyone,

Today i am going to show how to share your canvas app on IoS Andriod or Google Play Store.

Lets gets started.

Where do you see this “WRAP” on canvas app?

Login into www.make.powerapps.com

Click on App and if you have created canvas app before then you can see on the middle screen see below screen shot and select the “…” then you will see the WRAP.

What the WRAP Feature does?

It packages one or more canvas apps as a single native mobile app package using step by step wizard.

It lets power app create native mobile versions of your canvas apps as custom branded andriod and iOS Mobile apps.

You can distribute such wrapped native mobile apps to the end users through Microsoft Intune, Microsoft App Center, Google Play or Apple Business Manager or other native distribution methods.

How to wrap a canvas app and what are prerequisites and step by step guide here

Thats it for today.

I hope this helps.
Malla Reddy(@UK365GUY)
#365BlogsPostsin365Days

Share this:

How to create Dashboard with simple clicks from maker portal

uk365guy

Hello Everyone,

Today i am going to show how to create a Dashboard quickly from maker portal.

Part 11 series.

Lets gets started.

Login into www.make.powerapps.com

Click on the Start with a page design.

On next screen click on the Dashboard(refer to the above screenshot)

Give it a name for the dashboard(refer to the above screenshot).

New screen will appear and select the dashboard view from the list and add to the navigation pane check box too.(refer to the above screen shot).

Dasboard is added the model driven app and save and play and publish your app with very few clicks(refer to the above screenshot).

Thats it for today.

I hope this helps

Malla Reddy(@UK365GUY)
#365BlogPostsin365Days

Share this:

How to create Header, main section, footer canvas app more quickly from Maker Portal

uk365guy

Hello Everyone,

Today i am going to show how to create a canvas app with Header, main section and footer more quickly.

Part 10 Series.

Lets gets started.

Login into www.make.powerapps.com

Click on the “Start with a page design”

Then new screen will be displayed, click on Header, main section, footer.

We can add the content and the page adapts to different screen sizes.

This Page has:

1. A fixed-height header on top.
2. A fixed-height footer at the bottom.
3. A main section that fills the rest of the screen height.

Select this option if once created, connect the app to Dataverse, SQL, SharePoint etc…

New screen with Header, Main Screen and Footer will be displayed inside the canvas app.

Now its time to add the item from the insert pane or you can add a gallery and add datasource to populate the data.

You can also add image to the header, add background colour and footer accordingly.

I have designed the canvas app using header, main section and footer with very few click adding the datasource to the main section and image on header and footer with background colour.

Thats it for today.

I hope this helps
Malla Reddy(@UK365GUY)
#365BlogPostsin365Days

Share this: