How to use the New Icon Button to create Modern Power Apps

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

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

  • @PhilipTech001
    @PhilipTech001 6 месяцев назад +9

    You are such an inspiration to the Power App world

  • @NKBobcat
    @NKBobcat 6 месяцев назад +1

    Thank you. Thank you. Thank you!

    • @toluvictor
      @toluvictor  6 месяцев назад +1

      Lol. You're welcome (×3) 🙂

  • @praveeng3921
    @praveeng3921 6 месяцев назад +1

    Thanks for information, glad to have this option.

    • @toluvictor
      @toluvictor  6 месяцев назад +1

      Yeah. It's really cool

  • @gosyomei
    @gosyomei 6 месяцев назад +1

    I am always amazed by your wonderful UI ideas. Thank you so much! This video was very helpful as well. I can't wait for your next one.

    • @toluvictor
      @toluvictor  6 месяцев назад +1

      You are welcome! Happy to know you liked the video

  • @sibidi894
    @sibidi894 6 месяцев назад

    I liked the video before I started watching it. Good job! Keep it up.

  • @chrundlethegreat2251
    @chrundlethegreat2251 5 месяцев назад

    This channel is truly amazing for inspiration. I would however like to see you tackle a model driven app to see how you approach UI when designing with data first so your UI and UX principles and best practices carry through to the deployed app.

    • @toluvictor
      @toluvictor  5 месяцев назад

      At some point in the future, I will definitely make a video on this topic

  • @Masoom36
    @Masoom36 5 месяцев назад +1

    Thank you so much for this. After I saw your video I immediately went to try it on an app of mine. A limitation I noticed is that you can't change the size of the icon. So this doesn't work well for larger buttons unfortunately. They should have the size of the icon scale with the font size.

    • @pauloaquiles6040
      @pauloaquiles6040 5 месяцев назад

      Hey man, did you find a solution for that? I'm having the same issue.

    • @Masoom36
      @Masoom36 5 месяцев назад +1

      @@pauloaquiles6040 No solution. I couldn't find a way to increase the size of the icon. I imagine it will be something they add later on.

    • @Masoom36
      @Masoom36 5 месяцев назад +1

      I'm just using classic icons on top of my buttons until then.

    • @pauloaquiles6040
      @pauloaquiles6040 5 месяцев назад +1

      @Masoom36 thanks for the reply, let's wait for the next update so

  • @akshaynm
    @akshaynm 6 месяцев назад

    Many thanks Victor for sharing such nice tips and tricks.. 🙏🏻

  • @StevenOwens
    @StevenOwens 5 месяцев назад

    Great videos! I'm new to Power Apps and your videos have help me increase my skill level.

  • @JoseAugustoDeLimaPereira
    @JoseAugustoDeLimaPereira 6 месяцев назад

    Great video! TY!

    • @toluvictor
      @toluvictor  6 месяцев назад

      Glad you enjoyed it!

  • @MichaelDeBlasis1369
    @MichaelDeBlasis1369 6 месяцев назад

    Great video!

  • @Franklinvaz
    @Franklinvaz 6 месяцев назад +1

    Nice one. As always splendid design. I have already started using this. But there is a problem. We are not getting Tool-tip property. Imagine if you are setting up a button with just an icon, without a tooltip it would be hard for users. How would you solve this?

    • @toluvictor
      @toluvictor  6 месяцев назад

      Yh, that is another limitation.
      They already added "Accessible Label" property for the screen readers, they might as well just add tooltip.

  • @luisfernandomacedo1451
    @luisfernandomacedo1451 5 месяцев назад

    Tolu, I came back to this tutorial to learn the tricky applied to rotate the icon, then I heard you saying about animating svg in power apps? Have you done so? Is there any video of yours doing so for power apps?

  • @matt-ayres-tech
    @matt-ayres-tech 3 месяца назад

    Are you able to play with the icon's sizing? I can't seem to figure that out. I also noticed that using Char(10) in the text of the modern button control does not seem to properly produce a line break - wondering if there's a workaround for this

  • @dineshn8477
    @dineshn8477 5 месяцев назад

    Wow thats amazing, Is there any way to add custom icons to the button, like using svg

    • @toluvictor
      @toluvictor  5 месяцев назад

      At this point, no
      But hopefully in the future

  • @beingfarhan
    @beingfarhan 5 месяцев назад

    Hi Victor, pretty impressed by your work! Can I become a member and download the apps you've made to edit them according to my clients' requirements?

  • @rizkimaul470
    @rizkimaul470 6 месяцев назад

    Your videos are amazing!!!
    By the way, is there anything you need to set up first before you can use this button feature?

    • @toluvictor
      @toluvictor  6 месяцев назад

      You only need to make sure "Modern Controls" are enabled in the App settings

  • @gabrielcastelblancolopez8520
    @gabrielcastelblancolopez8520 6 месяцев назад +1

    Do you know if the design system is already in figma with modern objects?

    • @toluvictor
      @toluvictor  6 месяцев назад +1

      Hmm. I don't know

  • @JonEricE-n1k
    @JonEricE-n1k 6 месяцев назад

    Hey there! Thanks for all the great info! I found it so useful that I actually subscribed with both my work and personal accounts so I can follow along at work.
    I have a quick question about the icons in the button. Is there any way to adjust the size of the icons to make them bigger without changing the button size?

    • @toluvictor
      @toluvictor  6 месяцев назад +1

      Thanks a lot for the support 😊
      And Yes, I noticed this bug when doing my Initial testing and planned to call it out in the "Current Limitations" chapter of my video but while recording I discovered the bug has been fixed in the latest PowerApps version. So just change your PowerApps version if it hasn't changed already (3.24062.17 and higher) and do a hard refresh of your browser.
      After that, the icon should also respond to font size changes regardless of button size

  • @asjadlakhani8659
    @asjadlakhani8659 6 месяцев назад +1

    Any suggestions on how to increase height/width of icon inside button?
    If I increase height/width of button or increase the font size, still icon height/width remains the same so it looks very small compared to higher height/width of button

    • @toluvictor
      @toluvictor  6 месяцев назад +1

      Yeah I noticed this bug when doing my Initial testing and planned to call it out in the "Current Limitations" chapter of my video but while recording I discovered the bug has been fixed in the latest PowerApps version. So just change your PowerApps version if it hasn't changed already (3.24062.17 and higher) and do a hard refresh of your browser.
      After that, the icon should also respond to font size changes

    • @asjadlakhani8659
      @asjadlakhani8659 6 месяцев назад

      ⁠Thank you so much

  • @theotherone0101
    @theotherone0101 6 месяцев назад

    Hey Victor, first of all, love your Tutorials.
    I got a little Question tho. I am trying to make a Button with the Modern Button Component, but i want a specific color so i set it to Transparent and in a Container with the color i want.
    Now i have the Problem tho, that it doesnt react to hovering or being pressed. I even tried putting a rectangle behind it and changing the rectangles field on hover an being pressed, but when i do that, if the button is set to transparent it still doesnt react. And if i set it to subtle, It just reacts wrong. Like it sets the fill to white while you hover. But i have white text on it, so u cant see shit when u hover on it.
    Do you have any idea on how to work around that problem without having to use the old Method of creating Buttons?

    • @toluvictor
      @toluvictor  6 месяцев назад

      Hi
      Unfortunately we still can't set specific hover fill for Modern Button so if you want a specific hover fill, you'd have to use the Classic Button control

    • @theotherone0101
      @theotherone0101 6 месяцев назад

      @@toluvictor Alright, sad. Gotta remake some stuff then. But thanks for your quick answer :D

  • @joywindsouza817
    @joywindsouza817 6 месяцев назад +1

    How to assign the modern button a specific color of hex value

    • @toluvictor
      @toluvictor  6 месяцев назад +3

      Hi. Check 16:50 . I showed a "trick" to do this

  • @kennedymbewe7955
    @kennedymbewe7955 6 месяцев назад

    Am new to power app and WOW!!! How do join so that i get to download the templates

    • @toluvictor
      @toluvictor  6 месяцев назад

      Hi. Thanks for the support.
      The templates are available for download on my Patreon - www.patreon.com/ToluVictor
      It is also to RUclips channel members, you can click the join button on my RUclips page. Once you've joined, check the membership tab on my RUclips Page. There is a post for each video. So, look for the particular one you want, expand the post and there will be a Google Drive link to a folder that contains the files

    • @kennedymbewe7955
      @kennedymbewe7955 6 месяцев назад

      @@toluvictor Thank you but seems I need to upgrade membership for me to access the files

  • @willianrom
    @willianrom 6 месяцев назад

    Man, I didn't know that. Thank you very much, hugs from Brazil. 🟩🟨

    • @toluvictor
      @toluvictor  6 месяцев назад

      😊 You're welcome

  • @luisfernandomacedo1451
    @luisfernandomacedo1451 6 месяцев назад

    What a nice trick! If we create a component to be used as pop up, does this mean we can customize our own spinner?

    • @toluvictor
      @toluvictor  6 месяцев назад +1

      Yeah. Pretty cool

  • @williamsalazar2624
    @williamsalazar2624 6 месяцев назад

    do you have a course?

    • @toluvictor
      @toluvictor  6 месяцев назад

      Hi, I don't have any courses at the moment, but I'm considering it for the future

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

    You can a specific Color on a modern button.

  • @sanskritisabhayta
    @sanskritisabhayta 6 месяцев назад

    Pls tolu request to make complete app video

    • @toluvictor
      @toluvictor  6 месяцев назад +3

      I've planned a complete project walk-through as a future video 👍

  • @gladsomeazonim7391
    @gladsomeazonim7391 25 дней назад

    Bro I like your videos but please try to simplify and reduce your explanation pace. Thanks

    • @toluvictor
      @toluvictor  2 дня назад

      I've tried to slow down in recent videos. I hope it helps!

  • @BhargavReddyV
    @BhargavReddyV 6 месяцев назад

    Too lengthy

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

    Do I get it right... they gave us icons and completely removed any hover effects???? Seriously????????

  • @qoryhanisagal
    @qoryhanisagal 6 месяцев назад

    Your commentary is 😂😂😂😂😂😂