Power Apps Tab Index and Child Controls in a Container

Power Apps Tab Index and Child Controls in a Container
Hey Everyone,
In this video, We first start by learning what the "Z" pattern means and then look at scenarios. Then we focus our attention on the Priority child and the Enable child control focus feature that are available inside a container. Then we see how the two work together to improve the user interface for those who prefer to use keyboard navigation.
Prioritize child controls: Determines the order of navigation (Z-order) for child controls on canvas when pressing tab key on the keyboard.
- On (Default): Pressing the tab key on the keyboard will first progress through all child controls before moving the focus outside of the selected container or component instance. This option is recommended for similarly nested HTML elements.
- Off: Pressing the tab key on the keyboard will progress through all controls only based on Z-order, ignoring parent-child relationship between controls or containers for keyboard navigation.
Table of contents
- Introduction 0:00
- Tab Index 0:45
- "Z" pattern 1:30
- Disable Tab Index 2:40
- Container and child controls 4:24
- Demo 1 with container 5:54
- Demo 2 with container and disable child prioritize property 8:27
- Demo 3 with overlapping containers. 13:04
- Demo 4 real-world example 18:50
- Conclusion 20:15
Helpful link(s)
docs.microsoft.com/en-us/powe...
docs.microsoft.com/en-us/powe...
Contact information:
Twitter: / dchristian19
Facebook: / www1.christianfamily.biz
Instagram: / dan.christian.33
LinkedIn: / danchristian19
#PowerApps #Container #TabIndex #CanvasApps #Apps

[@UB-qc8yk]

Thanks for this much needed explanation on the Tab Index, really helpful.

[@DanielChristian19]

Glad it was helpful!

[@lykanox1221]

Wow thanks. I love your vids, PowerApps are so powerfull and is greta to find someone who explain things in a easy way with actual visual examples. Great work

[@DanielChristian19]

You're very welcome and thanks for the compliment!

[@cmacdhon]

Another brilliant video! Thank you Daniel. This was a tremendous help for me.

[@DanielChristian19]

Glad it was helpful!

[@abbasthegreat5]

Thanks. The trick was to save it, publish it, close it and re open the app.

[@DanielChristian19]

Good idea.

[@devinemichae]

Thank you for the excellent video, much appreciated.

[@DanielChristian19]

You're very welcome!

[@sksachingupta1]

Great.. Thanks for very good lesson.

[@DanielChristian19]

You are welcome!

[@nishimodgil2573]

you made tabbing index easy to understand by --'Z' fashion tab movement.

[@DanielChristian19]

Glad it was helpful.

[@nature-alliving607]

Awesome Video! Thanks!

[@DanielChristian19]

Glad you liked it!

[@devinemichae]

Excellent video.

[@DanielChristian19]

Thank you very much!

[@CloudhoundCoUk]

Very impressive. Thanks.

[@DanielChristian19]

Glad you liked it!

[@PowerPlatformDiv]

Wow Wow @Danie

[@sundrapillay6668]

Thanks Daniel

[@DanielChristian19]

Your welcome, Sundra and thanks for your support.

[@kusumapentakota5019]

So happy I found this

[@DanielChristian19]

Me too! 😊

[@PowerAppsTutorial]

I have to admit that when you say "hey everyone", it sorta looks like a Jedi mind trick... just sayin' 😂

[@DanielChristian19]

Good one. I've been told, "The force is strong with me when it comes to Power Platform" 😀.
Someday I'll dress-up as a Star Wars character for one of my videos, I'm leaning towards Obi-Wan

[@Glentp75]

Modern text controls do not have a Tab Index. Any new solution?

[@smbasha]

Hi Daniel,
Sending email from sharepoint site with a click of a button? Is this possible @Daniel

[@DanielChristian19]

Hi Shaik,
Yes you can! Use the customized form to do that and the Outlook connector. Or you can even create a simple Power Apps Canvas App with just a button and add that to a SharePoint page using the Power Apps widget.
docs.microsoft.com/en-us/power-automate/email-overview