So this works for me on desktop but when the app is used through the power apps app on mobile the backdrop-filter blur effect disappears but everything else still works. Any Idea why that could be?
Hi Kristine. Loved your suggestion. Unfortunately, when coding (on web), it works, but when published (on app), it doesn't work.. Any suggestions? Thanks.
@@JanaiPaiva hi! Thank you so much for watching the video! Apologies, I forgot to update the above comment - I hadn't realised that the Power Apps for mobile runs on an old framework. All we have to do is add an extra line in our code for compatibility - ' -webkit-backdrop-filter: blur(8px);' and it'll work seamlessly - so the full code will be: " " Let me know if you have any other questions :)
Hi, Kristine. First of all, thanks for sharing. I've implemented your code and in my laptop with powerapps maker it works. The problem is when i see it in my mobile: the top right corner is not rounded.
Hi Kristine, love your channel! Just would like to point out that your webcam inset covers up the properties pane on the designer. Would it be possible to move it to the other side and mirror it when you're doing PowerApps demos?
you have excellent designs but I wonder why so few views, when i searched my search history you ddnt even come up when i typed power apps. I think you need to improve something with your searching terms etc.
Haters can't deny the skills, I have been doing this for over a decade and I still can come close to the UX skills. I've watched videos but never subbed, you got talent. +1!
Awesome! Thanks for sharing. I need to give PowerApps a proper go, so I will be baring this in mind for the visuals when I get to decide on what that's going to be. Are there any websites out there (and that are good) for project inspiration? Some kind of gallery site with screenshots?
This is amazing! Thank you for sharing your talents with us once again Kristine! One issue, this doesn't seem to render on iOS ???!! 😰Has anyone had the same issue?? 😭
Wow, I just tested this and on iOS 16.4.1 you need to also include the alternative -webkit-backdrop-filter: blur(3px) to have the blur render... Hopefully this helps others with the same issue!
Thanks for the amazing video. Actually , I tried this long before but I couldn't be able to achieve this blur effect. The secret background alpha value you revealed it😅, that I have missed.
Hi thanks for Sharing in your HTML code i think it could be more easy to read / write with the Building string interpolation function to write the code, ex : $"my text {mycode_here} my text again" $" "
So this works for me on desktop but when the app is used through the power apps app on mobile the backdrop-filter blur effect disappears but everything else still works. Any Idea why that could be?
Need to add -WebKit before backdrop filter, this removed the blur in the online editor but at least it works in the mobile app
You are the GOAT of Design in Power Apps !!! you save my life
Oh thank you so much!!!! I really appreciate it 🤩
what is the font used in these?
How can I make the same gallery
excellent!!!!
早速試してみまっす
Thank you so much!!
Source code -" "
Hi Kristine. Loved your suggestion. Unfortunately, when coding (on web), it works, but when published (on app), it doesn't work.. Any suggestions? Thanks.
@@JanaiPaiva hi! Thank you so much for watching the video! Apologies, I forgot to update the above comment - I hadn't realised that the Power Apps for mobile runs on an old framework. All we have to do is add an extra line in our code for compatibility - ' -webkit-backdrop-filter: blur(8px);' and it'll work seamlessly - so the full code will be:
" "
Let me know if you have any other questions :)
@@KristineKolodziejski It worked!! Thank you
@@KristineKolodziejski I copy pasted the above code and got the exact output with vertical scroll bar. What is the reason for getting scrollbar?
@@srikanthb8549 turn padding to 0 on all directions.
Can these techniques be applied to Sharepoint buttons as well?
Thank u so much Kristine ! Super tutorial !
That's cool 👍👍 Thanks.
thanks for sharing. great watching this🎉
yay! I was looking for it! Thank you for this video
Ahh thank you sooo much!! Hope you like it 🥰
Enjoy your ☕! Amazing content. Thank you!
Thank you so much for all the coffees David!! That's really generous of you and I appreciate it 😊
Your content very useful!
Hi, Kristine. First of all, thanks for sharing. I've implemented your code and in my laptop with powerapps maker it works. The problem is when i see it in my mobile: the top right corner is not rounded.
Hi Kristine, love your channel! Just would like to point out that your webcam inset covers up the properties pane on the designer. Would it be possible to move it to the other side and mirror it when you're doing PowerApps demos?
Wooow! Very nice! Thanks for this kind of content, Kris!
you have excellent designs but I wonder why so few views, when i searched my search history you ddnt even come up when i typed power apps. I think you need to improve something with your searching terms etc.
Haters can't deny the skills, I have been doing this for over a decade and I still can come close to the UX skills. I've watched videos but never subbed, you got talent. +1!
excelente te ganaste un suscriptor 🩷
love it!!! 😍
I've been using filter: blur() and -webkit-filter: blur(). Is this better than using those? I can't see a difference
I'm going to take this into the application I'm building right now. Thanks Kristine! 👏👏👏
07:28 generator
Awesome! Thanks for sharing. I need to give PowerApps a proper go, so I will be baring this in mind for the visuals when I get to decide on what that's going to be.
Are there any websites out there (and that are good) for project inspiration?
Some kind of gallery site with screenshots?
You are awesome and so amazing.❤
it's beautiful, I can't believe power apps can implement really cool UI
Amazing update
Love it
Very cool, simple code and logic but really adds a polished professional feel to the UI 👏👏👏👏👏.......I am using that going forward.😎
This is amazing! Thank you for sharing your talents with us once again Kristine! One issue, this doesn't seem to render on iOS ???!! 😰Has anyone had the same issue?? 😭
Wow, I just tested this and on iOS 16.4.1 you need to also include the alternative -webkit-backdrop-filter: blur(3px) to have the blur render... Hopefully this helps others with the same issue!
Thanks for the amazing video. Actually , I tried this long before but I couldn't be able to achieve this blur effect. The secret background alpha value you revealed it😅, that I have missed.
you are the best , and please if yoou can make more about using html animation in power apps
Hi
thanks for Sharing
in your HTML code i think it could be more easy to read / write with the Building string interpolation function to write the code, ex : $"my text {mycode_here} my text again"
$" "
You can do the same with a container.
Blur with Container?