Scribd
Upload
5 views

PowerApps-WorkshopPLUS - Module 4 - Advanced Design Concepts

The document outlines the terms of use for Microsoft training materials, emphasizing that they are for personal, non-commercial use only and cannot be distributed without permission. It provides an overview of a Power Apps workshop, detailing modules on app design, components, user personalization, responsiveness, accessibility, and integration with other platforms like SharePoint and Teams. Additionally, it highlights the importance of following accessibility guidelines and utilizing tools like the App Checker to ensure compliance.

Uploaded by

stephy
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
5 views

PowerApps-WorkshopPLUS - Module 4 - Advanced Design Concepts

The document outlines the terms of use for Microsoft training materials, emphasizing that they are for personal, non-commercial use only and cannot be distributed without permission. It provides an overview of a Power Apps workshop, detailing modules on app design, components, user personalization, responsiveness, accessibility, and integration with other platforms like SharePoint and Teams. Additionally, it highlights the importance of following accessibility guidelines and utilizing tools like the App Checker to ensure compliance.

Uploaded by

stephy
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 35

CONDITIONS AND TERMS OF USE:

© Microsoft Corporation. All rights reserved.


You may use these training materials solely for your personal internal reference and non-commercial purposes. You may not distribute,
transmit, resell or otherwise make these training materials available to any other person or party without express permission from Microsoft
Corporation. URL’s or other internet website references in the training materials may change without notice. Unless otherwise noted, any
companies, organizations, domain names, e-mail addresses, people, places and events depicted in the training materials are for illustration
only and are fictitious. No real association is intended or inferred. THESE TRAINING MATERIALS ARE PROVIDED “AS IS”; MICROSOFT MAKES NO
WARRANTIES, EXPRESS OR IMPLIED IN THESE TRAINING MATERIALS.
Power Apps Workshop Overview
Introduction

Module 1 – Introduction to Power Apps & Data Sources

Module 2 – Starting with Connectors, Screens, & Controls

Module 3 – Building with Controls, Fields, and Formulas

Module 4 – Advanced Design Concepts

Module 5 – Introduction to Power Automate, Power Virtual Agents, and AI Builder


(Optional)
Module Overview
Efficient Design With
Components
Components For Canvas Apps (Preview)
• Define one time
• Reuse across the app
• Make updates in one location

Create a component for canvas apps


Component Types
Components Configuration & Data Sources
have custom properties

• Input and output properties handle


component information

• Scope can be changed to access app data


sources:
• Global Variables
• Collections
• Input controls on other screens
• Tabular data sources (e.g. Dataverse)
Personalizing The App
Experience
Personalize The App Experience
Display User Data – Current user
Demo: Display user
data
Display User Data - Configure Connection
Display User Data – Users, Managers, and
Direct Reports
Office365Users.MyProfile()

Office365Users.UserProfile(<UPN> or Email ID)

Office365Users.Manager(<UPN> or Email ID)

Office365Users.DirectReports(<UPN> or Email ID)

Additional Available Properties


• Department • DisplayName • GivenName • TelephoneNumber
• ID • Nickname • Surname • AccountEnabled
Display user data – Search for users
Demo: Display user
data
Knowledge Check
Designing Responsive
Apps
Configuring your App to be Responsive

How does the app


What elements
What form factors look on each
need to stretch or
are supported? supported form
resize?
factors?

Are you hiding Does the app have


elements on different behaviors
certain form between form
factors? factors?
Configuring your App to be Responsive

Go to https://make.powerapps.com

Edit the app that needs to be responsive.

Go to File > Settings > Display and turn off ’Scale to


fit’, ’Lock aspect ratio’, and ’Lock orientation’.

Then close screen.


Configuring your App to be Responsive
Use Containers In Responsive Apps (Demo)
Designing Accessible
Apps
What do we mean accessibility?

An accessible app will allow users with vision, hearing, and other impairments to
successfully use the app or studio.
Who can we help?

User Maker
How can we help?
Provide both Users and Makers need to follow
Makers access to Power WCAG guidelines from
Apps while using W3C
Assistive technologies

Makers need to follow Makers should use


guidelines as outlined Accessibility section of
by Microsoft App Checker
Microsoft Guidelines

Optimize Provide Provide


Layout and Keyboard Screen Reader
Color Support Support

Working with Working with


Multimedia Signatures
Using App Checker For Accessibility

• Finds potential accessibility issues but also


explains why each might be a potential
problem
• Detects screen-reader and keyboard issues
for you
Knowledge Check
Embedding Apps
Where Users Are
Adding Power Apps To SharePoint Via Web Part
Integrating Power Apps and Teams
Lab: Connect data to your
Canvas App and submit
device request
Module Summary

You might also like