Glassmorphism in Power Platform Canvas Apps

แชร์
ฝัง
  • เผยแพร่เมื่อ 3 พ.ย. 2024

ความคิดเห็น • 29

  • @callfusion2012
    @callfusion2012 9 วันที่ผ่านมา

    Thanks for sharing, this is cool!

  •  2 หลายเดือนก่อน +2

    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! 👍

    • @Novalogix-ltd
      @Novalogix-ltd  2 หลายเดือนก่อน

      Haha thanks, now I know for next time!

  • @joshcesana
    @joshcesana หลายเดือนก่อน +1

    Great job - really cool idea.

    • @Novalogix-ltd
      @Novalogix-ltd  หลายเดือนก่อน

      Thank you! glad you like it

  • @DanZech
    @DanZech หลายเดือนก่อน +1

    Hey, thanks a lot for sharing!

    • @Novalogix-ltd
      @Novalogix-ltd  หลายเดือนก่อน

      You are very welcome!

  • @fcnc3024
    @fcnc3024 2 หลายเดือนก่อน

    Took Power Apps to another level! That’s hot

    • @Novalogix-ltd
      @Novalogix-ltd  2 หลายเดือนก่อน +1

      Thank you, it does look pretty snazzy doesn't it!

  • @imran002ali
    @imran002ali 2 หลายเดือนก่อน +2

    Hi, great video, thanks for sharing the knowledge. 👍

  • @DaHooka
    @DaHooka หลายเดือนก่อน

    Nice one, never thought of using html control to force webstyles

    • @Novalogix-ltd
      @Novalogix-ltd  หลายเดือนก่อน

      I try not to use them too much but it certainly gives you more flexible styling options for some cool effects!

  • @yogeshm8344
    @yogeshm8344 2 หลายเดือนก่อน

    Awesome work! ❤

    • @Novalogix-ltd
      @Novalogix-ltd  2 หลายเดือนก่อน

      Thank you! Sometimes it's the simple things that really shine!

    • @yogeshm8344
      @yogeshm8344 2 หลายเดือนก่อน

      @@Novalogix-ltd Yes... I was worked like this glassmorphism..but use images like glass..but use container it's really awesome 😁

  • @Muhmmmadibrahim_
    @Muhmmmadibrahim_ 2 หลายเดือนก่อน

    Appreciate 🎉, Great videos

  • @mosesmhango9197
    @mosesmhango9197 2 หลายเดือนก่อน

    This is great video

  • @shehanpeiris2838
    @shehanpeiris2838 2 หลายเดือนก่อน +1

    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

    • @fcnc3024
      @fcnc3024 2 หลายเดือนก่อน +1

      Oh! Good call out. Would definitely want to know how to resolve that for sure

    • @Novalogix-ltd
      @Novalogix-ltd  2 หลายเดือนก่อน +1

      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

    • @fcnc3024
      @fcnc3024 2 หลายเดือนก่อน

      @@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?

    • @Novalogix-ltd
      @Novalogix-ltd  2 หลายเดือนก่อน

      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?

  • @petsworld000
    @petsworld000 หลายเดือนก่อน

    Great ❤🎉

  • @RyanKuy-t4c
    @RyanKuy-t4c 2 หลายเดือนก่อน

    more tutorials please

    • @Novalogix-ltd
      @Novalogix-ltd  2 หลายเดือนก่อน

      You got it! More coming soon