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.
Ooh, could you share in the comments? I’ve looked for PCF controls that fake it, but haven’t come across the right solution. Would love to take a look at what you’ve found!
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
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!
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!
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 🤯🤯🤯🤯
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!!
Hmmm, not sure, did you ever get it to work? Not seeing any issue on my end or when I download it to a dummy account. Hope you were able to figure it out.
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
Ah, good question! So, once you click a button, it automatically goes into "Disabled" Display Mode. So, whatever colors are set for DisabledFill, DisabledBorderColor, and DisabledColor all become active and the button is no longer clickable UNTIL the OnSelect actions are all completed, including your delay. So, if you don't want the color to change, just set DisabledFill to Self.Fill or Self.PressedFill, as you prefer. Same thing with DisabledBorderColor and DisabledColor. Hope that helps!
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 :(
![YoungBoy Never Broke Again - Catch Me [Official Video]](http://i.ytimg.com/vi/KxwEXXFQMTY/mqdefault.jpg)
Thanks for sharing Ryan! I really appreciate your UX-perspective-solution-approach. Very inspiring! Well done again!
Thanks!
Great video - already changing how we do confirmation in our apps. Thank you!
That’s great!
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.
Ooh, could you share in the comments? I’ve looked for PCF controls that fake it, but haven’t come across the right solution. Would love to take a look at what you’ve found!
Great timing and video.
Great video 🎉🎉
Loved the channel idea about not looking like PowerApps apps.
Thanks!
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
This is brilliant! Thanks for the great suggestion.
First time viewer here, subscribed! Love this vid, thank you for sharing!
Awesome!
Simply brilliant
You’re very kind!
Nicely done!
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!
Good catch! Glad you caught that and mentioned it in the comments, hopefully that will be a help to someone else as well.
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!
This is pure gold! Thanks for the tip on both matters! Love it!
Very nice. Simple but a lot of cool design and easy to follow. Going to use some of this going forward. Thanks. =)
That’s great to hear!!
Hi Ryan, Excellent Video !!
Could you make a video about restyling other kind of controls : dropdown, combobox...
Good suggestion, I’ll put that on the list!
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 🤯🤯🤯🤯
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!!
Hmmm, not sure, did you ever get it to work? Not seeing any issue on my end or when I download it to a dummy account. Hope you were able to figure it out.
Can you make a video on progress bars?
Yeah, great idea! Adding to my list
Assuming timer option if you aren't using premium license for users
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
Ah, good question! So, once you click a button, it automatically goes into "Disabled" Display Mode. So, whatever colors are set for DisabledFill, DisabledBorderColor, and DisabledColor all become active and the button is no longer clickable UNTIL the OnSelect actions are all completed, including your delay. So, if you don't want the color to change, just set DisabledFill to Self.Fill or Self.PressedFill, as you prefer. Same thing with DisabledBorderColor and DisabledColor. Hope that helps!
@@PowerPlatformRyan yup, that solved it! Thanks again. I learned a new thing again. 🎉
Can you also give me the link of that figma file
Here ya go, adding it to the description. Thanks! www.figma.com/community/file/886554014393250663/free-icon-pack-1700-icons
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 :(
Are you making sure that you have the UTF8 text at the front end, and then everything in the EncodeURL formula?
🔥🔥🔥THANK YOU Ryan for a fantastic presentation and many little 🪙🪙 treasure tips for a more compelling Power App experience!
Thanks, Robert, I appreciate it!