Skip to main content
Title Lorem
Ipsum
ABOUT ME
Boonthawee Tangsoonthornthum (ต้อ)
• Microsoft Certified Trainer 2020-2021
• Microsoft Certified Azure Fundamentals
• Microsoft 365 Certified Security Administrator Associate
FOLLOW ME
MVPSKILL.COM
http://www.mvpskill.com/kb/author/boonthawee
YOUTUBE
https://www.youtube.com/powerappsguruthailand
FACEBOOK GROUP
https://www.facebook.com/groups/D365PowerPlatCommunityTH
Classified as Confidential
Microsoft Power Platform
The low-code platform that spans Office 365, Azure, Dynamics 365, and standalone applications
Innovation anywhere. Unlocks value everywhere.
Data
connectors AI Builder
Power BI
Business analytics
Power Apps
Application development
Power Automate
Process automation
Power Virtual Agents
Intelligent virtual agents
Dataverse
Terminology Updates
Legacy term Current term
Entity, entities Table, tables
Field, fields
Attribute, attributes
Column, columns
Record, records Row, rows
Option set, multi select option sets
Picklist, picklists
Choice, choices
Two Options Yes/No
https://docs.microsoft.com/en-us/powerapps/maker/common-data-
service/data-platform-intro
Empower every developer to do more.
Power platform Mission
Citizen Developers.
Pro Developers.
IT Developers.
Power Apps - Canvas App
Canvas App – Tablet
Canvas App – Mobile
Power Apps
Responsive Layout Initial Setup
Screen Breakpoints
Calculate Screen Size from “SizeBreakpoints”
If(
App.Width<=First(App.SizeBreakpoints).Value,"Small", // First Breakpoint
App.Width<=Last(FirstN(App.SizeBreakpoints,2)).Value,"Medium", // Second Breakpoint
App.Width<=Last(FirstN(App.SizeBreakpoints,3)).Value,"Large", // Third Breakpoint
"Extra Large"
)
Control Position (x,y) and Size (Width,Height)
(x,y)
Width
Height
(x+Width,y)
(x,y+Height)
(x+Width,y+Height)
Using Container
Container
Live Demo
Add and configure a canvas-app control in Power Apps
https://docs.microsoft.com/en-us/powerapps/maker/canvas-
apps/add-configure-controls
Create responsive layouts in canvas apps
https://docs.microsoft.com/en-us/powerapps/maker/canvas-
apps/create-responsive-layout
References :
2 Build Apps for Any Devices With Power Apps