⚠ The "sliding" animation you see in the video when navigating between screens is caused by the flexible height option being enabled on the component when inserted on a screen. If you disable flexible height and use "Parent.Height" in the height property, the nav items will not "slide" into view as you see in the video. Thanks!
Thanks for sharing such a great way to build modern UI components like we see on web pages. I'm new to PowerApps and this was extremely intriguing. Keep up the great work!
Yes! You can disable "Flexible Height" on the component when you insert it onto a screen. It should be disabled by default, but I enabled it in this video when I inserted it onto the screen. For the drop down menus, there will always be a little bit of a jump unfortunately. It is just how Power Apps calculates the height of the container when you expand it. You can make the jump a little less noticeable using the following formula in the height property of containerMain: If(ThisItem.ItemOpen, containerSubButtons.Y+containerSubButtons.Height,containerHeight.Y) That allows the sub button container to designate the height instead of the containerHeight control which "slides" down in the container when an item is opened. That is what causes the jumping effect.
⚠ The "sliding" animation you see in the video when navigating between screens is caused by the flexible height option being enabled on the component when inserted on a screen. If you disable flexible height and use "Parent.Height" in the height property, the nav items will not "slide" into view as you see in the video. Thanks!
Awesome work done!!! Long time thinking to do this but now got an idea. Thanks for the helpful advanced video.
Thank you! I appreciate the kind words 😊 Stay tuned!
Thanks for sharing such a great way to build modern UI components like we see on web pages. I'm new to PowerApps and this was extremely intriguing. Keep up the great work!
Very impressive! I really like that you’re following best practices from Fluent UI. Keep up the great work 💪
Thank you! I’m glad you enjoyed it. More to come! 💪
Great work! Please keep on going with these kind of very helpfull components!
Love your video! Please do it more🫶🫶🫶
Mindblowing!
Absolute great.....
this is wonderful, Thanks!
I follow your videos
Is there a way to make the menu not jump when selecting items?
Yes! You can disable "Flexible Height" on the component when you insert it onto a screen. It should be disabled by default, but I enabled it in this video when I inserted it onto the screen.
For the drop down menus, there will always be a little bit of a jump unfortunately. It is just how Power Apps calculates the height of the container when you expand it. You can make the jump a little less noticeable using the following formula in the height property of containerMain:
If(ThisItem.ItemOpen, containerSubButtons.Y+containerSubButtons.Height,containerHeight.Y)
That allows the sub button container to designate the height instead of the containerHeight control which "slides" down in the container when an item is opened. That is what causes the jumping effect.
Love it!!! Thank you