Designing Real-world Responsive Apps In Power Apps - Part 1
12.4 هزار بار بازدید -
11 ماه پیش
-
Welcome to part 1 of
Welcome to part 1 of our exciting multi-part step by step tutorial series on building a custom Task and Announcement notification and tracking app leveraging responsive app design. This beginner to advanced video will cover step by step how to create a fully responsive (mobile friendly) app! We will go over responsive screen layouts, SVG graphics, dynamic color handling, dynamic text size, SharePoint data sources, dynamic administration, custom filtering by user location, and finally sending notifications with Power Automate.
Whether you're a seasoned Power Platform developer or just getting started, this step-by-step guide will empower you to create stunning and functional apps that adapt to various devices and screen sizes.
📱 In this tutorial, we'll cover:
⭐ The fundamentals of responsive design and its vital role in modern app development.
⭐ Real-world examples showcasing how responsive apps elevate user experience.
⭐ A comprehensive walkthrough of building a dynamic app from the ground up using Power Apps.
⭐ Delegation Handling
⭐ Dynamic SVGs
⭐Techniques for designing and optimizing your app's layout, elements, and interactions.
⭐ Pro tips to ensure your app looks and performs flawlessly across smartphones, tablets, and desktops.
🔗 Ready to take your Power Apps skills to the next level? Don't miss this tutorial! Hit the Like button if you find this video helpful and consider subscribing for more in-depth tutorials on Power Apps, app development, and other exciting tech topics.
🎬 Table of Contents
00:00 Intro
01:53 Real World Use Case and App Demo
02:25 Settings to Make a Canvas App Responsive
03:48 Setting Dynamic Colors Using App OnStart
04:40 Creating a Color Palette Using ColorSpace
06:29 Overview of Responsive Containers Behavior
06:59 Creating Responsive Header Elements
12:18 Setting the Dynamic Visible Properties for Header Elements
13:06 Responsive Layout Settings
15:06 Dynamic Text, Text Size and Text Color from ScreenSize and Time of Day
17:45 Review of Dynamic Menu Structure
19:08 Creation of Dynamic Menu with Buttons and SVGs
20:51 Overview of SVGs Use Cases and Handling within Power Apps
23:34 Creating and Using SVGs within Collections
26:37 Container Behavior vs Responsive Container Behavior
27:34 Creation of Stacked Dynamic Menu
27:55 Connecting SharePoint Datasource
28:55 Delegation Discussion
31:09 Dynamic Width of Controls vs. Width of their parent container
☕ Buy Me a Coffee - https://www.buymeacoffee.com/stephDR
🎈 Connect with me - LinkedIn: stephanie-marshall-95b1b82b
👩💻 Code Snippets - In Comments
#PowerApps #ResponsiveDesign #ResponsiveApps #ResponsivePowerApps #PowerApps #AppDevelopment #ResponsiveDesign #TechTutorial #SharePoint #powerplatform
Whether you're a seasoned Power Platform developer or just getting started, this step-by-step guide will empower you to create stunning and functional apps that adapt to various devices and screen sizes.
📱 In this tutorial, we'll cover:
⭐ The fundamentals of responsive design and its vital role in modern app development.
⭐ Real-world examples showcasing how responsive apps elevate user experience.
⭐ A comprehensive walkthrough of building a dynamic app from the ground up using Power Apps.
⭐ Delegation Handling
⭐ Dynamic SVGs
⭐Techniques for designing and optimizing your app's layout, elements, and interactions.
⭐ Pro tips to ensure your app looks and performs flawlessly across smartphones, tablets, and desktops.
🔗 Ready to take your Power Apps skills to the next level? Don't miss this tutorial! Hit the Like button if you find this video helpful and consider subscribing for more in-depth tutorials on Power Apps, app development, and other exciting tech topics.
🎬 Table of Contents
00:00 Intro
01:53 Real World Use Case and App Demo
02:25 Settings to Make a Canvas App Responsive
03:48 Setting Dynamic Colors Using App OnStart
04:40 Creating a Color Palette Using ColorSpace
06:29 Overview of Responsive Containers Behavior
06:59 Creating Responsive Header Elements
12:18 Setting the Dynamic Visible Properties for Header Elements
13:06 Responsive Layout Settings
15:06 Dynamic Text, Text Size and Text Color from ScreenSize and Time of Day
17:45 Review of Dynamic Menu Structure
19:08 Creation of Dynamic Menu with Buttons and SVGs
20:51 Overview of SVGs Use Cases and Handling within Power Apps
23:34 Creating and Using SVGs within Collections
26:37 Container Behavior vs Responsive Container Behavior
27:34 Creation of Stacked Dynamic Menu
27:55 Connecting SharePoint Datasource
28:55 Delegation Discussion
31:09 Dynamic Width of Controls vs. Width of their parent container
☕ Buy Me a Coffee - https://www.buymeacoffee.com/stephDR
🎈 Connect with me - LinkedIn: stephanie-marshall-95b1b82b
👩💻 Code Snippets - In Comments
#PowerApps #ResponsiveDesign #ResponsiveApps #ResponsivePowerApps #PowerApps #AppDevelopment #ResponsiveDesign #TechTutorial #SharePoint #powerplatform
11 ماه پیش
در تاریخ 1402/05/30 منتشر شده
است.
12,420
بـار بازدید شده