Modern HEADER Control in Power Apps: A Beginner's Guide

[@akshaynm]

Hello Reza, Indeed the modern controls are evolving but these are your efforts that you are creating videos to show the hidden gems from it. Thanks a lot as always..!!😊🙏

[@RezaDorrani]

Thank You so much. I am only sharing the GREAT WORK the team is doing.

[@akshaynm]

​​​@@RezaDorraniAgree Reza but until and unless people like me don't know the use cases and and purpose of the functions ( for example the advance properties where yoy shown to channge the profile image, email and text), we will not be able to use the efficiently and up to the expected level, where you are currently helping. Hence great thanks to you too.. waiting for the next gem for next Monday..!! 😊

[@RezaDorrani]

@@akshaynm Thanks man. More new modern control videos coming.

[@akshaynm]

@@RezaDorrani Hurray.. 👍

[@gunasekaran4288]

Reza, one of the best professional in this industry... You are great man... forever

[@RezaDorrani]

Thank You so much 🙏

[@oluwatobipaul6171]

The modern controls will save a lot of effort. Thank you Reza

[@RezaDorrani]

I agree. Modern controls are going to save a lot of time.

[@AssassinUK]

Great Video Reza. I'm just surprised this took so long to come out. I have this as a library dynamic component I created from scratch like 2yrs ago! I can update the library component and all my apps get the update. I do like your font size changing base on screen size, I like that a lot.

[@RezaDorrani]

Glad you enjoyed the font style update trick. Modern controls are the future. A lot more to Come

[@dougydoe]

Looks like this Modern Header Control is really going to save us lots of time plus, the responsive nature will enhance responsive designs greatly. Can't wait to start using them. Great video and thanks or sharing.😄

[@RezaDorrani]

Awesome! Super happy to hear that. The next video is a level up on app modernization.

[@dougydoe]

@@RezaDorrani Looking forward to it. 👍

[@nickfaulkner6161]

Thank you Reza for the video. Hopefully more and more controls become available in the Modern Controls.

[@RezaDorrani]

A lot more coming. Some game changers for sure.

[@datadragyn]

Thank you for creating this video so I can see below the surface 😊

[@RezaDorrani]

Welcome

[@necdetsaritas8722]

Great! Enjoying by learning. Thank you so much Reza

[@RezaDorrani]

Most welcome Sir

[@bobbyw1074]

Thanks for the video! So do you recommend using this modern header control or component headers? I can technically copy and paste headers to other screens.

[@RezaDorrani]

My recommendation is to use whichever option works best for you.

[@RaniSingh-nl2rj]

Nice content as always . For the header control is it possible to align the text in Center?

[@RezaDorrani]

I don’t think that’s currently an option

[@dhruv4192]

First i would thank you for so detailed videos. I created one multi-step form and used this header. Can I change the height of the Header, and also, is there any way I can add more text than the title?

[@RezaDorrani]

Most welcome! Header has a height property (from what I remember) Title is the only text option for now.

[@dhruv4192]

Thanks for the prompt response. Let me rephrase my question. I increase the height by that but what happens is the middle container is getting overlapped. So I am trying to adjust that too. I create form through your video of multi step form and chose that pre existing format which comes with header, main part and footer I guess. Sorry for confusion.

[@RezaDorrani]

@@dhruv4192 Im still not sure of the ask. I will recommend posting your issue on forums in case someone has experienced something similar powerusers.microsoft.com

[@bretttallada]

how would you place an icon before the profile picture? as in overlay icon, button, tab galleries between the header title and profile pic image?

[@bretttallada]

or rather, any issues with using containers vs horizontal/vertical containers?

[@RezaDorrani]

You would need to position the icon over the header image. With containers, you cannot place header and your icon in the same container as overlays are not an option. I did a video on responsive dialog control recently where I overlay containers.

[@glennbullion9069]

Hey Reza, I have a nagging issue with the Modern Header. Wondering if you've seen it. I did what you did in the video, as I wanted to add an "action" icon to the right of the header. Followed your instructions, added the icon, gave the container a fill, etc. But you can actually "see" the split between the header and the icon. A very tiny white border, for lack of a better description. Have you seen that in playing around?

[@RezaDorrani]

I have not seen that

[@ivandelacruz8333]

I love these videos 😊

[@RezaDorrani]

Thanks so much

[@tmotjope]

Congrats on reaching 100k subscribers

[@RezaDorrani]

Thanks

[@17avskadoo]

Is there a way to add Exit() in Any where Modern Header control? or any other recemented way to add close button?

[@RezaDorrani]

Currently, No. You would need to use another control for that.

[@Tasneem-e2e]

Very helpful, Thank you

[@RezaDorrani]

You're most welcome!

[@kojo_shaddy]

Keep up the good work, Reza.

[@RezaDorrani]

Thanks man

[@carloscordero5300]

Gracias amigo por enseñarnos. Saludos

[@RezaDorrani]

Most welcome

[@jreyesvega]

I can not see the base pellete color, can you share the version of powerapps that you are using thanks

[@RezaDorrani]

Simply pick the latest authoring version. Something around 102.

[@AcucsThamarai]

Hi Reza thanks for the videos for me its the modern option is not showing can i know what is the reason ?

[@RezaDorrani]

App settings, features, turn on modern features.

[@AcucsThamarai]

@@RezaDorrani thank you reza

[@JohnHall]

Hmmm...I hadn't even noticed this yet. However, it does appear that it's always a header. Versus a sidebar, or a footer. Of course, while I went to the trouble of designing a control years ago that could be placed on any side of the screen as a "control bar", I only used one that wasn't at the top 2-3 times in 5 years.

[@RezaDorrani]

Its a header control only. There will be a navigation version of this coming in future.

[@SmartLearningAI]

I wish they would also improve the copilot control: 1) I tried it but the font is very small for me 2) the control is too rigid and not very customizable but does work.

[@RezaDorrani]

Copilot or header? New authoring version of app has header font size.

[@sibidi894]

Thanks Reza for another very helpful video. Thanks to you and others, I spend lesser time building PowerApps. Question: Can I use the modern header control in a component? I would like to merge or include it in my navigation menu component.

[@RezaDorrani]

You can use it in a component. But the future is Power Catalog. I would recommend exploring Catalog. learn.microsoft.com/en-us/power-platform/developer/catalog

[@ZombieEtiquette]

Has anyone found if it is possible yet to add the user's name and/or other text next to their picture? Just the user's picture is pretty limiting.

[@RezaDorrani]

Currently, No

[@marysquires2767]

I am having trouble finding the properties of my containers. I entered a Header container with the modern controls and there is no properties section to allow me to change the settings of my Header. Maybe it is disabled somewhere? I'm sure it is a simple fix, but it is driving me crazy.

[@RezaDorrani]

I have not experienced the mentioned issue and hence not sure what the cause for it could be. I will recommend posting your issue on forums in case someone has experienced something similar powerusers.microsoft.com

[@marysquires2767]

@@RezaDorrani I guess, it was a bug. I started from scratch and the properties are viewable now! Thank you for your response and for your great videos!

[@shashank6096]

For some reason when I view the orientation in app ,the length is not scaling to full Can you tell me if I am missing anything?

[@RezaDorrani]

I have not come across the mentioned issue and hence not sure what the reason for your issue is. I recommend posting your issue with screenshots on the forums at powerusers.microsoft.com

[@shashank6096]

@@RezaDorrani after I add the header from modern control and preview and change to app view it shows only in between

[@RezaDorrani]

@@shashank6096 I have not experienced this issue

[@ninjacat--0_0]

Thank you, Reza!

[@RezaDorrani]

Most welcome

[@nuttipolrudeekunrungroj5948]

Can I create a login screen in the power app? By using user email and password.

[@RezaDorrani]

Yes you can but not something I have tried because anyways power apps has info of signed in user.

[@kevinpham1645]

is the header control gone now? i couldn't find the option to activate modern controls.

[@RezaDorrani]

Its in General Tab of settings

[@sitecraft_ro]

Hello, i have some technical questions about all this issue tracker system in Power Apps, how can i get in touch? Thanks.

[@RezaDorrani]

Video is not about issue tracker :) Video description has link to download entire solution (members only - check description for details)

[@sitecraft_ro]

@@RezaDorrani Just joined, I know is not about issue tracker :), but it was on the main screen, that is what I am after. I also watched your video about creating that tile screen with the issues, now I am at the one with filtering the issue based on the user logged in, like a normal user (the one that will send requests) will only see his request open/inprogress or closed, then I have a bunch of user that handle the request, those are admin and another filter.

[@RezaDorrani]

@@sitecraft_ro Did you download the sample app. You can see all the code in it.

[@seang2012]

Has this been renamed as of Feb 2024? I don't see any choice for "header" but I see the other controls now just listed in "preview".

[@RezaDorrani]

Same name for control "Header"

[@seang2012]

@@RezaDorrani I figured out what went wrong. The area for turning on modern controls moved under "General".

[@murthyherofashion]

How to bring the values one by one in gallery to the mobile view...Please Reply Sir

[@RezaDorrani]

Not sure what this question means

[@murthyherofashion]

@@RezaDorrani 11:43 minutes Please Watch: One By One You can see 1 2 3,I want to bring one by one

[@RezaDorrani]

@@murthyherofashion I still did not understand.

[@murthyherofashion]

@@RezaDorrani Please Watch [11:43 minutes] I want to bring like this in mobile view

[@RezaDorrani]

@@murthyherofashion I would recommend posting your query on forums as I am unable to comprehend powerusers.microsoft.com

[@0135827]

Thanks Bro !!

[@RezaDorrani]

Most welcome

[@RamKumar-yu7he]

Plz make a video on power pages...

[@RezaDorrani]

Pages is not an area I am currently focused on.

[@JohnHall]

And Power Pages is such a different animal that it shouldn't even be included in the marketing of these other products. It is strange that we had VBScript that worked across office products, but none of the languages work across the Power Platform. However, if you're investing in the SUBSTANTIAL overhead of Dataverse, then Power Pages can be beneficial for external users.

[@ankitshah8610]

perfect

[@RezaDorrani]

Thanks