Designing Real-world Responsive Apps In Power Apps - Part 2
4 هزار بار بازدید -
11 ماه پیش
-
Welcome to part 2 of
Welcome to part 2 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:
⭐ Exploring the significance of responsive galleries in modern app design.
⭐ In-depth walkthroughs on creating and customizing responsive galleries.
⭐ Crafting a user-centric experience across smartphones, tablets, and desktops.
⭐ Elevating your app's visual appeal with SVG graphics and design elements.
🔗 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 Introduction
01:28 Creating Responsive Containers
02:21 Planning Responsive Container Layout
03:03 Creating Responsive Galleries
04:31 Gallery Best Practices
05:17 Gallery Components and Discussion of Best Practices
09:32 Non Responsive Containers within Responsive Containers
12:36 Final App Layout Review for Responsive Layout Planning
13:13 SVG Overview
14:28 How to Create an SVG Collection
14:52 Using SVGs in a Responsive App
17:16 Creating Responsive Elements within the Gallery
☕ 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
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:
⭐ Exploring the significance of responsive galleries in modern app design.
⭐ In-depth walkthroughs on creating and customizing responsive galleries.
⭐ Crafting a user-centric experience across smartphones, tablets, and desktops.
⭐ Elevating your app's visual appeal with SVG graphics and design elements.
🔗 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 Introduction
01:28 Creating Responsive Containers
02:21 Planning Responsive Container Layout
03:03 Creating Responsive Galleries
04:31 Gallery Best Practices
05:17 Gallery Components and Discussion of Best Practices
09:32 Non Responsive Containers within Responsive Containers
12:36 Final App Layout Review for Responsive Layout Planning
13:13 SVG Overview
14:28 How to Create an SVG Collection
14:52 Using SVGs in a Responsive App
17:16 Creating Responsive Elements within the Gallery
☕ 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
11 ماه پیش
در تاریخ 1402/05/29 منتشر شده
است.
4,074
بـار بازدید شده