Animate any SVG image in Power Apps

Поделиться
HTML-код
  • Опубликовано: 13 дек 2024

Комментарии • 79

  • @Stjopa-lq7cv
    @Stjopa-lq7cv 4 месяца назад

    Fantastic Charles! Beautiful code here!

  • @vinylmike
    @vinylmike 10 месяцев назад

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

  • @andrewgaskell105
    @andrewgaskell105 7 месяцев назад

    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
      @charlessexton1483  7 месяцев назад

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

  • @gedeancarvalho2930
    @gedeancarvalho2930 7 месяцев назад

    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
      @charlessexton1483  7 месяцев назад

      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
    @noraf4946 Год назад

    keep coming on powerapps, appreciate your work

  • @skawathe
    @skawathe Год назад +1

    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
      @charlessexton1483  Год назад +2

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

  •  Год назад +1

    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
      @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
    @iqy5515 Год назад +1

    this is fantastic! great job charles!

  • @tomasveselsky5943
    @tomasveselsky5943 8 месяцев назад

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

    • @charlessexton1483
      @charlessexton1483  8 месяцев назад

      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.

  • @RazTheMan
    @RazTheMan Год назад

    Thank you Charles! More please!

  • @craigwhite5429
    @craigwhite5429 Год назад +2

    Nice work!

  • @powermyapps
    @powermyapps Год назад

    Amazingly beautiful. Thanks Charles.

    • @charlessexton1483
      @charlessexton1483  Год назад

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

  • @cmacdhon
    @cmacdhon Год назад

    This is fantastic! Thank you Charles!

  • @marcosmanto
    @marcosmanto Год назад

    Great tutorial, thanks from Brazil ❤

  • @shahzebyasin2429
    @shahzebyasin2429 Год назад

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

    • @charlessexton1483
      @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
    @AndreasMake Год назад

    Great video Charles. Very helpful tutorial. 👌👍

  • @atmajasanjashikha8302
    @atmajasanjashikha8302 9 месяцев назад

    Please make more of such helpful videos.

  • @dr.mohammedmohammed7633
    @dr.mohammedmohammed7633 Год назад

    I already subscribed , waiting next episode

    • @charlessexton1483
      @charlessexton1483  Год назад

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

  • @gvdlaarse
    @gvdlaarse Год назад +1

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

    • @charlessexton1483
      @charlessexton1483  Год назад

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

  • @rajeshjurukuntla7165
    @rajeshjurukuntla7165 Год назад

    Great video cool stuf want more full length tutorials thank you

  • @VitorHugo33
    @VitorHugo33 Год назад

    wonderful work !!!

  • @kumailnaqvi5
    @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

  • @abbassalith4985
    @abbassalith4985 Год назад

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

    • @charlessexton1483
      @charlessexton1483  Год назад

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

  • @DavidHaslam
    @DavidHaslam 7 месяцев назад

    Wow nice! Really cool! :)

  • @saschageng5747
    @saschageng5747 Год назад

    Really amazing.

  • @barbarajeen6289
    @barbarajeen6289 Год назад +1

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

    • @charlessexton1483
      @charlessexton1483  Год назад +1

      Thanks Barbara

    • @ryanjo2837
      @ryanjo2837 Год назад

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

  • @davidabew-baidoo3327
    @davidabew-baidoo3327 Год назад

    This is amazing thank you for this video!!💥

  • @lealc84
    @lealc84 Год назад

    Fantastic!!😄😄😄

  • @torukmaktogaming9962
    @torukmaktogaming9962 Год назад

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

  • @MrGomezJr
    @MrGomezJr 7 месяцев назад

    Brilliant.

  • @eyoborelvis8224
    @eyoborelvis8224 Год назад

    Bro 😮, u swept me off my feet

  • @sergiogiusti3798
    @sergiogiusti3798 Год назад

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

    • @charlessexton1483
      @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

  • @MaartenBoonen
    @MaartenBoonen Год назад

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

    • @charlessexton1483
      @charlessexton1483  Год назад

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

  • @RyanSmith-mh1lj
    @RyanSmith-mh1lj 11 месяцев назад

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

    • @charlessexton1483
      @charlessexton1483  11 месяцев назад

      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
      @RyanSmith-mh1lj 11 месяцев назад

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

  • @TopTop55-bs3bf
    @TopTop55-bs3bf 8 месяцев назад

    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
      @charlessexton1483  8 месяцев назад

      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.

  • @NarutoUzumaki-n5y9z
    @NarutoUzumaki-n5y9z Год назад

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

  • @janurbanek1127
    @janurbanek1127 Год назад

    Massive🎉

  • @ladioviro
    @ladioviro 4 месяца назад

    wish this person would come back from the dead

    • @charlessexton1483
      @charlessexton1483  4 месяца назад

      @@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
      @badejosodiq2804 Месяц назад

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

    • @charlessexton1483
      @charlessexton1483  Месяц назад

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

  • @JluispazJ
    @JluispazJ 11 месяцев назад

    🙏

  • @ryanjo2837
    @ryanjo2837 Год назад

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

    • @charlessexton1483
      @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

  • @kadichidu4171
    @kadichidu4171 Год назад

    Make more videos on powerapps

  • @dr.mohammedmohammed7633
    @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 RUclips

  • @NarutoUzumaki-n5y9z
    @NarutoUzumaki-n5y9z Год назад

    waiting for new video

    • @charlessexton1483
      @charlessexton1483  Год назад

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

  • @vaibhavsingh461
    @vaibhavsingh461 Год назад

    Make more videos please 🥺