>> Hey and thanks for watching the video.
This is Todd Baginski,
I'm a Microsoft MVP,
and the partner and CTO at Canvas.
In this video, I'm going to show you how to install and
set up the Estimator Pro PowerApp Sample Template.
To install and set up
the Estimator Pro PowerApp Sample Template,
first go to web.powerapps.com like I have here,
and then click on the "Apps" tab.
After you click on the "Apps" tab,
scroll down in the "Make apps like these" section and
locate the Estimator Pro PowerApp Sample Template.
Here you can see it.
Then, you can click "Make this app."
When you click "Make this app", first,
you will pick the form factor of
the app you'd like to create.
You can either create
the mobile version like we see here,
or you can create the tablet version like we see here.
In this video, I'm going to create the tablet version,
so I'm going to click "Make this app."
When you click "Make this app",
you'll be prompted to login again,
and after you do so,
the PowerApps editor will load,
and the PowerApp will download into your editor.
After it's downloaded into the editor,
it will open up in the editor experience,
and the PowerApp will now be ready
to be saved to your environment.
As you can see, that process goes pretty quick.
Next thing you want to do is click "File",
and then, give the app a name, and click "Save."
Click "Save" one more time,
and now the app is saved
inside of your PowerApps environment.
At this point, you're then able to click
the "Share this app" button to share it with
other people in your organization.
To check that the app is working,
come up and click the "Preview" button.
Once you click the "Preview" button,
you should be able to see the app run and see
In-meeting invites from your calendar display right here.
Out of the box,
the Estimator Pro PowerApp Sample Template uses
internal collections to serve up the images
that are displayed on the Products page right here.
These images are set when you download it
inside of the "OnStart" function
right here in the Appointments screen.
This collection called ProductList created by
the ClearCollect function here defines the Title,
ID, ProductName, ProductPrice, ProductDescription,
and finally the Image that represents your product.
If you wish to use this PowerApp and
define their ProductList inside of the PowerApp itself,
all you need to do is edit the values in
here or if you need to add an additional product,
just copy and paste another product
like copying this section and pasting it back in below.
So, that's how you can add the different products
directly inside of the PowerApp itself.
As we come down to the last screen on
the PowerApp and take a look at it here,
it's called Setup PowerApp.
It also describes the steps I just described
here on how to configure
the PowerApp with internal collections.
It walks you through exactly what I just talked about
on how you can create
additional products within the PowerApp.
Now, another way you can go about creating
your products and make it a little
easier to update them
without having to work with the code inside
of the PowerApp is to connect
this PowerApp to a SharePoint list.
To do that, you'd follow these instructions right
here on how to configure
the PowerApp with the SharePoint list.
But before you actually configure
the PowerApp to use the SharePoint list,
you need to make the SharePoint list.
Those instructions are here in
the Setup-Sharepoint screen in the app.
As you can see,
these screens are instructions
instruct you to login to SharePoint,
go to the site collection where you want
the ProductList to be created,
click "Add an app", pick "Custom list."
After you do that,
enter the name ProductList,
and then go to
the upper right corner and
select "Create column" underneath
the Columns header to create the columns that
match the schema you see right here.
When you've done that,
it will look just like this.
So, I followed those exact same instructions here,
and I added in my products,
one through six here inside of my SharePoint list.
You can notice that this SharePoint list is in
my site called PowerAppsFlow,
and the list name is ProductList.
This list matches exactly the name that I specified here.
So, now that I have that done,
if I'd actually like to make this particular
PowerApp talk to my SharePoint list
instead of the internal collections,
I'll follow these steps right here.
So, the first step I'm going to
walk through him right now for you here,
is to go to back to the appointment screen and delete
the ClearCollect function from the OnStart property.
So, here's my appointments screen OnStart,
I said property before I meant function,
here's my ClearCollect function.
I'm going to go ahead and delete that entire piece,
and I'm also going to delete
this extra semicolon right here because if I don't,
this error will still be in the app.
So, there we go.
Now that's gone.
Next, I can return to
my setup SharePoint screen right here,
and look at the rest of the instructions.
The next instruction is go to "View",
"Data sources", and "Add a data source".
Select "SharePoint."
Pick the SharePoint list called ProductList,
and then click "Connect."
Because the name of
the data source ProductList that we get back from
the SharePoint list is
the exact same name as
that collection that we created internally,
that's the only change we need to make to
plumb the app so that it gets
the data from the SharePoint list.
So, I'll do that now.
I'm going to go up to "View", "Data source",
"Add data source", click "New connection" here,
then I'll scroll down and locate SharePoint.
Here it is. Now, I'm
going to connect to the SharePoint list,
so I'm connecting directly
into the cloud for the SharePoint list,
and it's going to come back and show me the list of
SharePoint sites that I have worked with before,
and allow me to locate a SharePoint list here.
If I don't see
that SharePoint site inside of my list here,
you can enter the full URL here.
But here's the one that I'm working with.
So, I'm going to create that one,
and here's my ProductList.
As I mentioned before,
if you don't see it in the list,
just type it in here and click this checkbox.
Then click "Connect."
After you do that,
the connection will be added to your PowerApp, and now,
if you actually go back
to the home screen of your PowerApp,
we can again verify we are not getting our products here.
From the OnStart function,
we can play our PowerApp.
We can pick on an individual estimate.
Go through the Order screen,
and now here are the products that are coming from
my SharePoint list instead of
from inside of the PowerApp itself.
So, that's how you go about setting up
the Estimator Pro PowerApp Sample Template.
We hope this video helps you install it,
and you get a lot out of
this app in your own organization.
If you wish to see more videos about
this app including an end-to-end tour of
all the functionality as well as deep dives that
describes some of the cool things
we did in this PowerApp,
I encourage you to check out the other videos I made.
I look forward to seeing how you extend
this app in your own organization,
and I hope it comes in handy for you.
I'll see you next time. Thanks.
For more infomation >> Video: Cold, frosty start before sun warms things up - Duration: 3:16. 
For more infomation >> Put Up or Shut Up - Duration: 41:28. 
For more infomation >> 2009 police shooting comes up in Snell trial - Duration: 2:28. 
For more infomation >> Bestfriend Does My Halloween Make-Up! *HILARIOUS* - Duration: 11:48. 
For more infomation >> Natural gas prices bump up Springs Utilities bills - Duration: 2:27. 
For more infomation >> On The Road To Freedom - Get Your Hopes Up! - Duration: 28:31. 
For more infomation >> Multiple agencies team up to help program that aims to reduce crime - Duration: 1:32. 
For more infomation >> NJ Transit Serves Up More Delays, Frustration - Duration: 2:32. 
For more infomation >> Boston gears up for Red Sox World Series victory parade - Duration: 1:47. 
For more infomation >> Kalamazoo Co. Consolidated Dispatch up and running - Duration: 2:31. 
For more infomation >> Duck Boats Spruced Up For Another Championship Parade - Duration: 1:52. 
Không có nhận xét nào:
Đăng nhận xét