Loading...

Follow Todd Baginski's Blog on Feedspot

Continue with Google
Continue with Facebook
or

Valid

Have you seen the Leave Request PowerApps sample template?

The Leave Request PowerApps sample includes the following functionality:

– Employees can create leave requests and submit to their managers.
– Managers can easily administer leave requests in a unified view.
– Easily track leave status, prominent company holidays and leave balance

You can get it here: aka.ms/leaverequest.

Here are several videos that will get you up and running and teach you more about the Leave Request PowerApps sample.

Demonstration Video

Leave Request PowerApp - Demo - YouTube

Installation Video

Leave Request PowerApp - Installation and Setup - YouTube

Using Excel as the data source for PowerApps

Using Excel as the data source for PowerApps - YouTube

Filtering and sorting galleries in PowerApps

Filtering and sorting galleries in PowerApps - YouTube

  • Show original
  • .
  • Share
  • .
  • Favorite
  • .
  • Email
  • .
  • Add Tags 

In this video I demonstrate how to log Exceptions, Events, and Page Views to Azure Application Insights from both a Custom Connector and Flows.

This allows you to capture telemetry about your application to help you understand how your users use it, what errors may be occurring, and how to fix things quickly!

PowerApps Logging and Telemetry - YouTube

This video builds on the error handling pattern I demonstrate in a previous video. I highly recommend you watch the error handling video first. Here’s a link to it. https://www.youtube.com/watch?v=2wceC7ib7nk

  • Show original
  • .
  • Share
  • .
  • Favorite
  • .
  • Email
  • .
  • Add Tags 
Todd Baginski's Blog by Todd Baginski - 1M ago

In this video I demonstrate how to use the ConfirmExit property to prompt your users before they close a PowerApp. This can be especially helpful to ensure your users finish what they are working on before unintentionally exiting the app before they are done with their work.

You can learn more about it here on the PowerApps documentation page.

https://powerapps.microsoft.com/en-us/blog/confirmexit-for-canvas-apps/

Confirm PowerApps Exit - YouTube

  • Show original
  • .
  • Share
  • .
  • Favorite
  • .
  • Email
  • .
  • Add Tags 

In this video I demonstrate a pattern you can use to handle errors in PowerApps.

First, I show how to handle errors globally with global variables and then I show how to handle errors on specific pages with context variables and update the user interface accordingly.

PowerApps Error Handling - YouTube

  • Show original
  • .
  • Share
  • .
  • Favorite
  • .
  • Email
  • .
  • Add Tags 

The Microsoft PowerApps team just released some great new functionality we’ve all been waiting for – the ability to connect to SharePoint Document Libraries from PowerApps!

I immediately took the new features for a spin and recorded a video about it.  In the video I demonstrate how to use to SharePoint Document Libraries in PowerApps.

The following concepts are shown:

  • Connecting to the data
  • Displaying metadata about the document
  • Displaying thumbnail pictures for the author and the person who last modified the document
  • Displaying thumbnails of the documents
  • Launching the documents in separate browser tabs to view and edit them
  • Playing audio and video files in separate browser tabs and in PowerApps

Learn more here: https://powerapps.microsoft.com/en-us/blog/sharepoint-online-document-libraries-now-supported/

Get the PowerApp I show in the video here: https://powerusers.microsoft.com/jgvjg48436/attachments/jgvjg48436/AppFeedbackGallery/185/1/SP%20Doc%20Lib.msapp

HOW TO: Use SharePoint Document Libraries In PowerApps - YouTube

PS. Can you find the hidden marmot in the picture at the top of this post?

  • Show original
  • .
  • Share
  • .
  • Favorite
  • .
  • Email
  • .
  • Add Tags 

Do you have this warning message in your PowerApps environments?

This environment contains a previous version Common Data Service database. This database and any apps or flows that depend on it must be upgraded to the new Common Data Service for Apps database before March 15, 2019.

If you do, this video might help you out. In this video I show how to delete a previous version of a CDS database.

DO NOT USE THIS APPROACH IF YOU HAVE POWERAPPS IN YOUR ENVIRONMENT THAT USE CDS.

HOW TO: Delete a previous version Common Data Service (CDS) Database - YouTube

Here’s a link to the MS docs that also describe this process.

https://docs.microsoft.com/en-us/common-data-service/upgradecds/delete-legacy-cds-database

  • Show original
  • .
  • Share
  • .
  • Favorite
  • .
  • Email
  • .
  • Add Tags 

Lots of folks have been asking me how to make multilingual PowerApps so I made a video that describes how to go about it.

This video demonstrates how to create multilingual PowerApps. In other words, PowerApps that render the user interface text in the language the current user’s device or browser is set to use.

HOW TO: Create multilingual PowerApps - YouTube

I learned this pattern from the following blog article on the PowerApps team blog and tweaked it a little bit to create this how to video.

https://powerapps.microsoft.com/en-us/blog/building-multilingual-apps-in-powerapps

You can get the Book a Room PowerApps Sample Template I customized in the video at web.powerapps.com.

Enjoy!

  • Show original
  • .
  • Share
  • .
  • Favorite
  • .
  • Email
  • .
  • Add Tags 

In this video I demonstrate how to enhance the PowerApps calendar screen template to include meeting details and a list of all attendees, including their pictures.

HOW TO: Enhance the PowerApps calendar screen template - YouTube

To quickly build the functionality, I borrow components from the Meeting Capture PowerApps Sample template.  Learn how to install Meeting Capture here.

https://docs.microsoft.com/en-us/powerapps/maker/canvas-apps/sample-meeting-capture

  • Show original
  • .
  • Share
  • .
  • Favorite
  • .
  • Email
  • .
  • Add Tags 

Did you see the blog post on the Microsoft SharePoint Blog about the new SharePoint list View Formatter samples?  We had fun building the samples in the weeks leading up to the Microsoft Ignite conference and I’d like to share what we learned.

In this article I’m going to dive into the sample code and show you how to implement responsive layouts with SharePoint View Formatters.

In this article, I’ll use the Resource Catalog sample as an example.  The Resource Catalog sample looks like this in a desktop web browser.  You can see it fills the screen from left to right.

In a tablet device it looks like this.  The same layout is implemented and the content fits in the more narrow view port.

In mobile devices it looks like this.  Here the layout changes and the content is displayed in a stacked layout.

Finally, what about when you add a web part to a SharePoint page to display the list?  Here’s an example of what that looks like in a Modern Site.  Notice the content fits nicely into the web part.  In this example, the layout is the same as the tablet device example.

Note:It’s imperative that you think about the web part use case when making View Formatters.  You never know when someone will add a web part to a page to display the lists you apply View Formatters to.

To implement the responsive design, use CSS and HTML in the View Formatter JSON.  This is the same pattern used to create responsive web sites.

Looking closer at the code, you can see the top level HTML element used to define the outer container for each row (the DIV shown in the JSON View Formatter code in the green box shown below) uses a variety of CSS styles (shown the the gold box) to implement the responsive design.

Now, let’s connect the dots…  In the image below you can see how the HTML and CSS Styles actually appear when they are rendered in the web page.  Notice the green markup on the image that shows the HTML element (the DIV) in the code and in the web browser.  Also, notice the gold markup on the image that shows the CSS classes that are applied to the DIV.

Now, taking it to the next level, you can see the children element in the View Formatter JSON (green box in image below).  It also defines a DIV.  This DIV is used to display the content for the top portion of each row.  You will also see another children collection and additional elements below it.  This screenshot is only a partial view of all the HTML elements in the sample, there are many children elements used to implement the user interface.  Again, CSS styles (in the gold box) are used to implement the responsive behavior.

Just like I demonstrated earlier, here you can see what it looks like in the web browser and how the styles correlate to the HTML and CSS used to render the view.

To sum it all up, to create responsive SharePoint View Formatters simply use HTML and CSS just like you would to create a responsive web site.

Expert Tip: Use Office UI Fabric Styles to style the content whenever possible.  This helps you match your user interface to Office 365.  You will see in the samples where we used the Office UI Fabric Styles wherever we could. For example, we set the background color for the top level DIV with an Office UI Fabric Style, like this.

Keep in mind, depending on your design, you may have to use styles that are not part of the Office UI Fabric Styles, just like you see in this sample.

Happy coding!

  • Show original
  • .
  • Share
  • .
  • Favorite
  • .
  • Email
  • .
  • Add Tags 

The Shoutouts PowerApps Sample Template (get it on https://web.powerapps.com) allows you to send messages and badges to your co-workers for a job well done. In this video I demonstrate how to customize the badges. You can add your own badges and replace the existing badges. It’s very easy to do. Check out the video for a complete walk through that describes the process.

HOW TO: Customize badges in the Shoutouts PowerApp - YouTube

Read for later

Articles marked as Favorite are saved for later viewing.
close
  • Show original
  • .
  • Share
  • .
  • Favorite
  • .
  • Email
  • .
  • Add Tags 

Separate tags by commas
To access this feature, please upgrade your account.
Start your free month
Free Preview