Power Apps Application Header
HTML-код
- Опубликовано: 28 май 2024
- In this video, we will build a basic component example you'll use in almost all your Power Apps apps: an application header component. You want to have a familiar and predictable look and feel throughout your application. An application header goes a long way towards this. Perhaps your user uses many Power Apps applications. What’s the name of the application they are currently in? Why not display the organization’s logo and branding at here? You may want to show who the system recognizes the user as in the upper right corner like most other applications and web sites they are used to seeing. More than likely, your application has more than one screen. You should let the user know what screen they are on and give an indication on what they should be doing there. Example: “Customer Edit Screen”.
🍭Join our free community and get my Power Apps Crash Course for free: www.skool.com/power-apps-comm... ⬅️
🚩The code for the color theme has been posted as a pinned comment!
Here's the App Template Playlist: • Power Apps: How to Cre...
Here are all the parts of an app template I recommend you have: powerappstutorial.com/powerap...
Darren Neese, Microsoft MVP, PowerApps Tutorial
TIMESTAMPS =======================================
0:00 - Intro
2:49 - Create the new component
3:49 - Create first property
5:35 - Adding the component to your application screen
8:48 - Passing in theme colors
11:10 - Adding in a purple theme to match the logo
14:30 - Adding a screen heading bar
18:30 - Adding a back button
22:56 - Adding corresponding code in App.OnStart
#DarrenNeese
#PowerAppsTutorial
#LowCode - Наука
Here's the App Template Playlist: ruclips.net/p/PLMgWds5p226lrfjfOczlHR2kX0VPq2HWx
CODE =============================================
Set(
gblTheme,
{
Name: "Power Apps Purple",
PrimaryDark: ColorValue("#572B57"),
SecondaryDark: ColorValue("#732773"),
BodyBackground: ColorValue("#ffffff"),
PrimaryLight: ColorValue("#e5e5e5"),
SecondaryLight: ColorValue("#62E61C"),
PrimaryDarkForecolor: ColorValue("#ffffff"),
SecondaryDarkForecolor: ColorValue("#EAEEF2"),
BodyBackgroundForecolor: ColorValue("#572B57"),
PrimaryLightForecolor: ColorValue("#572B57"),
SecondaryLightForecolor: ColorValue("#572B57"),
DefaultBorderRadius: 10
}
);
Awesome work Darren! Love your videos!
Thanks, man! The feeling is mutual! 😊👍
Cannot thank you enough for your instruction! Thank you so much!
You're very welcome!
best 25:17 mins of my life. Thanks Darren!
Thanks for the kind words! 😀👍👍
Great stuff Darren! Thank you!
Our Pleasure! 😊
Thanks!
Awesome. Thank you!
thanks.. you said that it means a lot to you.. so.. you got it
Thank you!
Another fantastic tutorial - thank you very much!
May I ask though, why we aren't simply applying the global values into the compHeader component itself - so that, for instance, any changes to the App Heading content & color and the logo update on all screens automatically, and if we add a new screen and insert a new compHeader it automatically contains all the right properties for the app? I understand that this is a template, but am not quite sure why you wouldn't just go in once and adjust the Component values as opposed to going into each screen to update the values there?
Hello Darren, thanks for your video! I have a question, is there another way to sort the objects 'cause with your shortcut (control + bracket) is impossible for me, the object doesnt' move.
It works on controls.. not really with datacards and screens☺️
How do you remove the back button when the header is in the home screen? I tried to delete the back icon in screen mode but they are not allowing me. If i delete in component mode, all my other screen will not have the back function.
Change the visible property expression to be something like, App.ActiveScreen.Name "Home Screen"
You can set a boolean parameter in the component properties to attach it to the visible property of the button.
If you use a horizontal container to place your objects they will automatically fill empty spaces
😃
Hi Darren, I created component twice, thinking I had made a mistake the first time. But each time, the logo does not show up at all with the Purple Theme. Not sure what the issue is.
I would like to see some screenshots, can you paste your challenge on my FREE skool community? www.skool.com/power-apps-community
Hi I have a question, I created a Microsoft list and integrated it with Power app to help sales team raise ticket and that will be published in SharePoint list (created using List app), I am able to connect data source, but when I am clicking on Submit in the app, the data is not updating in the SharePoint.. Could u please assist? Btw , thanks for amazing video again
Thanks for the love and the comment! Be sure you're providing all the required fields, such as Title. That's notorious for keeping a record from saving.
@@PowerAppsTutorial yes, I get error, in formula,, Title description required.. but could not get it ,, as I have selected the title name . This is my first project.. could you share the link of your video where I can see this.thanks
@@krishnaaveersinghhada9220 Oh, ok. If you provide the title value, it should go through.
@@krishnaaveersinghhada9220 Here is a link to a basic way to save form data: ruclips.net/video/5O5XQrHQMec/видео.html
🍬 Get my free video course, access to my free community, and, if you would like, you can book a call with me here: go.superpowerlabs.co/opt-in-page-page ⬅
LFG
Looking for gigs?
@@PowerAppsTutorial most definitely. Do you have any offers/ opportunities?
@@kush4286 I would recommend using a freelance site like UpWork, Freelancer, or Fiverr. Best of luck to you!