Hi Ryan, this is fantastic solution. Thank you for posting this and a very thorough onboarding tutorial. This should have been done by Powerapps, but glad to see it done by you!

How did you move the container in the hierarchy using the keyboard?

Can we have separate on-hover effects for each of the two bars?

Assuming timer option if you aren't using premium license for users

Thanks Ryan from India . Can you make video on this pop up msg making form blur. One more thing we(my powerapps friends) following you more for the more crazy ideas on UI part. Thanks once again

1:33 Check the OnChange event on modern TextInput control, you will be amazed ;) Make sure you set the DelayOutput to true set the OnChange property to a Select(btnYourButton) And on your Button OnSelect Just fire a random event, eg. change Self.Color ... after few seconds on not typing your even will fire, keeping your Focus in that TextInput 🤯🤯🤯🤯

Looking forward to the auto-save video. Congrats on PowerApps911!

Thank you Ryan for this awesome video. Possible to style the same for ComboBox...?

Great timing and video.

Can you show how to achieve the wide format higher res design which appears like it is for desktops? Build from scratch, showing the resolution setting and working up to a responsive app would be simply awesome

First, thank you for the work you put into this and for sharing it. Just a thought…I would add one thing to this great video…change the display mode for any controls to disabled until the variable is “ready”. This stops the user from changing any values in the text fields. Just in case it takes a little extra time for the patch to complete. I would do this for any navigation controls so that they can’t leave the screen. I usually add a semi transparent container to the whole screen that stops them from doing anything

Ryan! I love your approach to power apps and your focus on form.its so true. If the apps looks like a power app, then you are lacking in design. Looking forward to see more of your content. I'd like to see more how you go about working with gradients and html

hello great video! just a question what screen size do you used on the sample app? it looks larger than the default set-up thanks!

Hey Ryan! Amazing tutorial! Something that wasn't mentioned though and it literally took me almost an hour to figure out, pay attention to the "Auto-Disable" on the OnSelect (on the button) as it activates the DisabledFill/DisabledColor and DisabledBorder properties which for me were full-blown white! Made everything disappear and didn't know if I did something wrong or the flow just doesn't work properly for me. Hope this helps!

Mate, love this video although tried to download the template from github and when I try to import it to Powerapps I get an error message - Something went wrong. Is it me or the download?? Will check out your other videos now. I have hit the subscribe button!!

Can you make a video on progress bars?

Awesome content!

Instead of changing the size of the icon so it isn't as big as the container, just change the icon padding. That way the touch area is the same size as your container, and you'll have a more pleasant UX

Or just use modern controls lol.

You are my new BFF !

Thank you Ryan for this video. I got introduced to power app out of the need to give a UI solution to data visualization. I am glad to find your channel, now I can standout in my solution and portfolio project.

Does anyone know how to implement the animated loader icon, I've tried to go to the same website but it won't work when I input the raw code into HTML Text :(

Your videos are great, I have learned several things to implement, it would be ideal if you have a guide for responsive design. ❤

I can't tell you how many times I've viewed examples and no one goes to the detail you do to make subtle changes which makes a PowerApp appear very polished. Thank you very much for sharing this. Will look forward to your other videos. Much appreciated.

Great video. When an image disappears, you can also edit any property of the image control in the formula bar to make it reappear. I usually delete then re-type the last character in the formula bar to "wake up" the control. Also, you asked about the pronunciation of the "Lato" font, which I was curious about as well. Evidently, "lato" means "summer" in Polish, so it would be pronounced LAH-toe (sounds similar to "lotto" in English). I love that font as well!

Very nice. Simple but a lot of cool design and easy to follow. Going to use some of this going forward. Thanks. =)

Thanks for the video! I used this in my own app where on each form, users could save the form in a style. Now the problem is when onselect set(varSaveStatus, "confirmed") is working well. I do not need a saving step so I used just 2 steps save will show onstart and after onselect saved will show and after 1 second delay it will go back to set(varSaveStatus, "ready") which is Save. The thing is when I added delay.run(1) the button goes all white and after the delay function, shows normal as it is. I searched the video but couldn't find if I missed something or not. Where did I do wrong? Thanks in advance

Can we use these svg for commercial uses???

Thanks for sharing Ryan! I really appreciate your UX-perspective-solution-approach. Very inspiring! Well done again!

🔥🔥🔥THANK YOU Ryan for a fantastic presentation and many little 🪙🪙 treasure tips for a more compelling Power App experience!

how you move the container position from top to bottom by just clicking some keys ?

First time viewer here, subscribed! Love this vid, thank you for sharing!

Love your videos, Ryan! There is a workaround to auto-save for text fields, even for galleries, without losing focus in the next field. It’s kind of a pain, but it works well. Obviously it doesn’t fire until you move off the text input control, but it doesn’t break tab order or lose focus on the next control you selected.

Great video - already changing how we do confirmation in our apps. Thank you!

Can you also give me the link of that figma file

Great video 🎉🎉 Loved the channel idea about not looking like PowerApps apps.

Simply brilliant

Nicely done!

Hi Ryan, Excellent Video !! Could you make a video about restyling other kind of controls : dropdown, combobox...

Well done!! 👍👌👌

Thank you so much for this. My Home Screen is now styling.

Very much enjoy your content. I'd like to suggest improving your audio quality. Room is quite echoy, but more important the keyboard typing is very loud and distracting. Just a suggestion. Thanks again.

This is great, Ryan. This is great. Thank you for sharing. Wishing you and your channel every success.

This great tips just wanted to What is shortcut you are using for reordering the container?

This is amazing. Thanks for making such a great content 👍

Thanks Ryan for this, user friendly and clear buttons are really significant

So creative Ryan! This is a great jumping off point into PCF controls for a super common scenario. Really been enjoying your content lately 🙂

realy nice video

You must always compensate for the border width... box-sizing 😉 There are only two makers who center on X by (Parent.Width-Self.Width)/2 or Parent.Width/2-Self.Width/2 Another makes will set all border-radius to 999 :) Great work... Keep them coming!

Awesome work. Thanks