Animate any SVG image in Power Apps

[@andrewgaskell105]

I combined your animated hamburger menu solution with a custom vertical menu component that I am building using a container. It works really well. I will continue to refine the solution but it's touches like these that make your app stand out. Thanks so much for the video and the detailed walkthrough.

[@charlessexton1483]

I'm really happy to hear that. Keep up the great work, Andrew. Let's make apps that people enjoy using.

[@Stjopa-lq7cv]

Fantastic Charles! Beautiful code here!

[@gedeancarvalho2930]

Hi, what a fantastic job. I'm talking about Brazil and I was very lucky to find your video, it's really good. I will implement it in my apps and would love to see your next videos. I already visited your blog and I really liked it too.

[@charlessexton1483]

Thank you, Gedean. I'm really happy to have helped. I've been working on a new video, so more are coming this year.

[@noraf4946]

keep coming on powerapps, appreciate your work

[@charlessexton1483]

Thank you. I appreciate you!

[@vinylmike]

Amazing work! I look forward to seeing more content for Power Apps.

[@charlessexton1483]

Thanks Mike. Much appreciated.

[@skawathe]

This is very cool animation. Thanks for this video. I would like to see more such videos on SVG in Power Apps from you.

[@charlessexton1483]

Thanks @skawathe. I'm planning on releasing more videos in the near future. Just got to find the time for it. 😅

[@tomasveselsky5943]

Okay I'm gonna subscribe, this channel has a lot of potential form which I can learn form. THANK YOU!

[@charlessexton1483]

I promise I will actually get onto making more videos this year. I've just been busy with blog posts (charlessexton.com) and public speaking. Thanks for subscribing, Tomas.

Thank you! Nice and detailed explanation. Tip: I usually use the With function and template strings for this sort of thing, to reduce repetition and clarity.

[@charlessexton1483]

Thanks Cristian. The With() function is great. 👍 String interpolation can look a bit messy with the SVG code due to the curly brackets.

You're right. In that case it is easier and cleaner to concatenate using "&"@@charlessexton1483

[@iqy5515]

this is fantastic! great job charles!

[@RazTheMan]

Thank you Charles! More please!

[@charlessexton1483]

Will do, Raz! Thank you. ❤️

[@atmajasanjashikha8302]

Please make more of such helpful videos.

[@marcosmanto]

Great tutorial, thanks from Brazil ❤

[@gvdlaarse]

Charles! Keep them coming! Would be cool to animate the left bar by NOT using a timer.

[@charlessexton1483]

Maybe one day we can use CSS for all controls. I can only hope.

[@rajeshjurukuntla7165]

Great video cool stuf want more full length tutorials thank you

[@charlessexton1483]

Thanks Rajesh. I would love do more.

[@abbassalith4985]

Could please make a complete video of this application which includes the creation of left navigation component.

[@charlessexton1483]

I can definitely do more videos on application design in general.

[@cmacdhon]

This is fantastic! Thank you Charles!

[@barbarajeen6289]

This is amazing, I can’t wait to use this at work 🤓

[@charlessexton1483]

Thanks Barbara

[@ryanjo2837]

​@@charlessexton1483My second and third @keyframes are not triggering, do you reason for this?

[@craigwhite5429]

Nice work!

[@charlessexton1483]

Thanks Craig

[@shahzebyasin2429]

Great stuff Charles...Looking forward to more videos from you :)

[@charlessexton1483]

Coming soon. I didn't realise I had all of these comments. If I knew earlier I would have already been working on more videos. 😂

[@AndreasMake]

Great video Charles. Very helpful tutorial. 👌👍

[@powermyapps]

Amazingly beautiful. Thanks Charles.

[@charlessexton1483]

My pleasure. Thank you, too! Great username, by the way.

[@kumailnaqvi5]

Oh man that's a great video and the best practice to do in power apps, I am still trying to learn these SVG things but am unable to find the proper materials on SVG usage for power apps

[@MaartenBoonen]

Wow Charles, this is an amazing little touch to make an app look incredibly sexy. Thanks for sharing.

[@charlessexton1483]

My pleasure. Thank you for letting me know. ❤️ All you commenters are awesome!

[@dr.mohammedmohammed7633]

I already subscribed , waiting next episode

[@charlessexton1483]

Thanks Dr. Mohammed. I'll get back to creating videos soon.

[@davidabew-baidoo3327]

This is amazing thank you for this video!!💥

[@RyanSmith-mh1lj]

Hi Charles, nice video, I have only one question, @6:45, what is the "gblMenuOpne"? Thank you

[@charlessexton1483]

Hi Ryan, That's a bolean variable that holds a value of true if the menu is open and false if it's not.

[@RyanSmith-mh1lj]

@@charlessexton1483 , I am new to PowerApps, did you create the variable to App > OnStart? Thank you

[@torukmaktogaming9962]

This is a amazing video charles can u post more related to this its very helpful 😜

[@charlessexton1483]

Thank you. I'll do my best to get more videos sorted.

[@VitorHugo33]

wonderful work !!!

[@DavidHaslam]

Wow nice! Really cool! :)

[@sergiogiusti3798]

Thanks, is there a place to learn all of the options for the animation code?

[@charlessexton1483]

I don't know of a good resource specifically for Power Apps, but I use Mozilla a lot: developer.mozilla.org/en-US/docs/Web/SVG/Element/animate

[@TopTop55-bs3bf]

Yes sir, but is it possible to use this in power bi? I mean how do I adjust this background to my power bi report?

[@charlessexton1483]

I'm afraid I don't have the answer for that one. I know you can use SVGs in Power BI, but I've never attempted using any animated ones.

[@saschageng5747]

Really amazing.

[@eyoborelvis8224]

Bro 😮, u swept me off my feet

[@MrGomezJr]

Brilliant.

[@lealc84]

Fantastic!!😄😄😄

[@NarutoUzumaki-n5y9z]

Can you make more video like this.... Means Changing color of SVG icon based on Variable

[@charlessexton1483]

Can do. I'll make a note of it.

[@ladioviro]

wish this person would come back from the dead

[@charlessexton1483]

@@ladioviro I'm still here. Just been busy with public speaking and organising a user group (@uxuia11ys). Any particular content you would like to see from me next?

[@badejosodiq2804]

@@charlessexton1483 glad you are still here, just wondring if you could create a video on how you create the left nav component. 🤔

[@charlessexton1483]

@@badejosodiq2804 I'll put it on my list. 😁👍

[@ryanjo2837]

My second and third @keyframes are not triggering, can someone help me please

[@charlessexton1483]

Your best bet would be to post on the Microsoft Community Forums. I help out on there as well. ➡️ powerusers.microsoft.com/t5/Building-Power-Apps/bd-p/PowerAppsForum1

[@janurbanek1127]

Massive🎉

[@JluispazJ]

🙏

[@dr.mohammedmohammed7633]

Please make full tutorials playlist to animate svg and using svg in power app... because it the only way to add life to your powerapps app in mean, other ways really un practical.... and there is no enough tutorials about this in KZbin

[@charlessexton1483]

I completely agree. Will do.

[@NarutoUzumaki-n5y9z]

waiting for new video

[@charlessexton1483]

I plan on uploading more regular content soon! Sorry for the wait, and thank you for the comment. ❤️

[@kadichidu4171]

Make more videos on powerapps

[@charlessexton1483]

Will do 🫡

[@vaibhavsingh461]

Make more videos please 🥺

[@charlessexton1483]

I will, I promise! ❤️