Real World Power Apps - Employee Recognition App: Part 1

Welcome to part 1 of our exciting 3-part step by step tutorial series on building a custom employee recognition app using Power Apps' intuitive interface. This beginner video will cover step by step how to connect to a SharePoint list, customize the form, create dynamic form data, setting required fields, success screens as well as a bonus post credit scene showing how to create a gradient background using HTML. Follow along as we guide you step by step to unleash your creativity and tailor the app to align with your company's unique culture and values.

In the upcoming two videos, we will dive deeper into creating dynamic galleries with required multi-select checkboxes, driven by a SharePoint choice column. Additionally, we will explore how to send HTML formatted email notifications pulling dynamic graphics from a SharePoint Library, enhancing the overall employee recognition experience.

💻 Get Power Apps

🎬 Table of Contents
00:00 Intro
00:53 Demo of Completed Props to You App
02:05 Create a Canvas App
02:19 SharePoint List Data Source Overview
03:00 Connecting the App to the Data
04:02 Creating Custom Form
05:12 Setting Dynamic Title Data
07:16 Changing Form Layout
07:55 Changing InputTextPlaceholder
09:08 Changing Default Font Characteristics
10:15 Changing Form Control Types for Edit Multi-line Text
12:28 Bulk Set Required Fields
13:09 Adding a Custom Card for Submit Button
14:20 Adding OnSelect Actions to Submit Button
14:59 Completed Props Success Screen Demo
15:34 Form OnSuccess Actions
15:50 Adding a Success Screen
19:00 Adding Navigation
22:01 But Wait There's More, Series Overview
22:35 Creating HTML Gradient

💡 Pro Tip: Feel free to pause the video, rewind, or rewatch any section to grasp the concepts and techniques better.

🔗 Make sure to check out the playlist for the complete series and subscribe to our channel for more Real World Power Apps tutorials, where we bridge the gap between theory and practical application.

#PowerApps #PowerPlatform #Tutorial #powerapp #realworldexamples #sharepoint

👩‍💻 Gradient Code Snippet - In Comments

[StephMarshall]

Gradient code snippet
"<div linear-gradient(to bottom, #0093e9, #00a7e6, #00b7db, #4fc4cf, #80d0c7);'></div>"

[lijunchen]

Very useful app. You're a supernova!

[dsiuniversity]

Hi Steph! Can't wait to see your upcoming videos on the Employee Recognition app, this is exactly what I've been looking for.

[poldopantas]

Thank you so much for this great tutorial. Keep it up! God bless Ms. Steph!

[StephMarshall]

In Part 2, we delve into the exciting world of converting dropdowns into required checkboxes, adding even more functionality and user interaction to your app. You won't want to miss it!

Remember to hit that subscribe button and turn on the notification bell to stay updated with our latest releases. Let's continue building powerful and impactful Power Apps together!

Happy app-building!

[irvingmccartney]

These videos are a great help, thank you. Do you have a video on how to create the people picker for the "Who do you want to recognize" field in this video?

[tababatrixieann]

Hello! Why the dropdownlist is not working on my end? Like, upon clicking the dropdownlist arrow there is no list or options appeared

[shareqkhan]

You add in title column some conditions
SharePoint already provide you created by date created by name

Why you do double work