Great video, thanks. By the way, a quick PSA: When you took the SVG code into VSCode to do a Find/Replace... I like to work in VSCode for a lot of stuff, but for simple things Find/Replace... you can do that directly in the formula bar in Power Apps itself. Just highlight the formula/text range you want to do the Find/Replace on, then press Ctrl+H. You'll get a little Find/Replace box right there in the formula bar.
Hey UncleBubba! Good shout I did know it existed, it's a habit I prefer the highlighting and formatting in VSCode when I am reading through code but for sure you could just do it in the editor!
4 місяці тому+3
There is a 5px padding by default in HTML control. I usually get rid of that first, and than subtract 1 px from the height and no scrollbars. Well done Colin! 👍
Hi, You aren't the first to mention that, the code is HTML so will likely need some browser compatibility changes, it works for me on my IPad I don't have an IPhone to test on unfortunately.
This is great! But the only concern is that "backdrop-filter: blur" doesn't work in iPhones or iOS if you want this to be a mobile app and integrate it on MS Teams
Hi, good call out, you will notice the html styles also use webkit-backdrop-filter to cover all devices, add as many other styles in as you like! Enjoy
@@Novalogix-ltd I recreated what you showed in your youtube video. It's perfection again. I did go into PowerApps app on my Iphone 13 Pro Max and the background is not moving. I am wondering what needs to be changed?
Hi, it works on my Android in the app player, I pulled the SVG directly from the website in my video but didn't check it for cross platform it may need some tweaks to the animation functions used?
:D this was 100% a creative flex, not once have my enterprise clients want this much zazz, I generally avoid HTML components but you have to admit it does look pretty cool!
Great video, thanks.
By the way, a quick PSA: When you took the SVG code into VSCode to do a Find/Replace... I like to work in VSCode for a lot of stuff, but for simple things Find/Replace... you can do that directly in the formula bar in Power Apps itself.
Just highlight the formula/text range you want to do the Find/Replace on, then press Ctrl+H. You'll get a little Find/Replace box right there in the formula bar.
Hey UncleBubba! Good shout I did know it existed, it's a habit I prefer the highlighting and formatting in VSCode when I am reading through code but for sure you could just do it in the editor!
There is a 5px padding by default in HTML control. I usually get rid of that first, and than subtract 1 px from the height and no scrollbars. Well done Colin! 👍
Haha thanks, now I know for next time!
Great job - really cool idea.
Thank you! glad you like it
Thanks for sharing, this is cool!
So glad you like it, thanks for the comment ;)
Hi, great video, thanks for sharing the knowledge. 👍
You're welcome!
Hey, thanks a lot for sharing!
You are very welcome!
Took Power Apps to another level! That’s hot
Thank you, it does look pretty snazzy doesn't it!
Awesome work! ❤
Thank you! Sometimes it's the simple things that really shine!
@@Novalogix-ltd Yes... I was worked like this glassmorphism..but use images like glass..but use container it's really awesome 😁
Nice one, never thought of using html control to force webstyles
I try not to use them too much but it certainly gives you more flexible styling options for some cool effects!
Appreciate 🎉, Great videos
You're welcome!
This is great video
Thank you!
Great video, the SVG does not seem to animate using the native ios app, any idea why?
Hi, You aren't the first to mention that, the code is HTML so will likely need some browser compatibility changes, it works for me on my IPad I don't have an IPhone to test on unfortunately.
Great ❤🎉
Thank you!
This is great! But the only concern is that "backdrop-filter: blur" doesn't work in iPhones or iOS if you want this to be a mobile app and integrate it on MS Teams
Oh! Good call out. Would definitely want to know how to resolve that for sure
Hi, good call out, you will notice the html styles also use webkit-backdrop-filter to cover all devices, add as many other styles in as you like! Enjoy
@@Novalogix-ltd I recreated what you showed in your youtube video. It's perfection again. I did go into PowerApps app on my Iphone 13 Pro Max and the background is not moving. I am wondering what needs to be changed?
Hi, it works on my Android in the app player, I pulled the SVG directly from the website in my video but didn't check it for cross platform it may need some tweaks to the animation functions used?
@@fcnc3024 I guess the only work around for this in the meantime is to convert that svg into a gif file. That will works on mobiles.
more tutorials please
You got it! More coming soon
Creating cross platform problems on a platform designed to eliminate cross platform problems.
:D this was 100% a creative flex, not once have my enterprise clients want this much zazz, I generally avoid HTML components but you have to admit it does look pretty cool!