Microsoft PoweApps and Flow can work together so let’s see an example and how they can be applied together.

We have already seen how to create an Microsoft Flow in another blog post Microsoft Flow – Create from blank and also how to create a simple PowerApp in this blog PowerApps first look! Create a simple PowerApp .

Process of attaching a Flow with PowerApps is a bit different, creating a flow is kind of same as before, you can create a Flow from blank but this time you can do it from PowerApps URL https://web.powerapps.com/ , look for Flows in left menu and create a Flow with option “Create from blank”. Since we have already dealt with this topic, I have already created a Flow just remember that Flow should be created from PowerApps site else it will not show up.

Here are some screen shots how you need to do, we are using the ApproveClaim list we created in earlier post and idea is to create a PowerApp to add item using the Flow.

createblankflowpowerapp
Create MS Flow from Blank in PowerApps
powerappflow
Enter Flow name and Click New step
powerappflowaddaction
Add an action, what we will do to allow user to make entry in list item
powerappflowcreateitem
Select the trigger that is SharePoint – Create item
askpowerapps
Enter SharePoint URL and select the List name, After that al fields will show up, click in the text box and in Advanced section select “Ask in PowerApps”
powerappfilleditems
After selection it’s done and click Create Flow
savedflow
Once Saved Flow will be visible in Flow section

Once the Flow is created, we will start creating the PowerApp, since we want to Add a Flow to PowerApp we need to use Visual Studio on Windows and not the web version. Option to add Flow is not available in web version.

So go the Studio, Click New and create App from Blank with Phone Layout.

newappoption

Once selected open canvas will be opened and using Insert tab Add three TextInput and button as well    onselect

Now we can add the Flow, select the button and in Action tab select “Flows”, it will show the available Flows. Select the Flow and add for this button

powerappswithflow

Once added it will be shown as below, note that we have to add 3 Textboxes as we have 3 inputs in our Flow. Most important is that we need to enter formula for OnSelect event for the button, basically we need to enter 3 parameters for the Run method which are our text boxes and property is Text.

onselectedit

Once done Save the PowerApp with proper name in The Cloud. It will be available on web under Apps section

flowlist

Now you can run it and input the text fields and click button, this will save the item to the List ApproveClaim

runpowerappflow

So that’s it in this post we have seen how we can create a Flow and associate it in a PowerApp. Our example is quite simple we use the Flow to create an item but you can understand how easily it can satisfy different business needs to implement various bussiness logic.

 

 

 

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s