How to use the New Icon Button to create Modern PowerApps

In this video, we cover the updated Modern Button Control. Learn how to add icons to buttons as well as other tips and tricks to use the Modern Button Control to create Modern-looking PowerApps

Video ID: #PP_0016

Table of Contents:
00:00 Intro
00:41 App Intro
01:09 Classic Button Control
02:29 Modern Button Control - Base Structure
05:36 Animated Buttons
09:58 Button Styles and Theme
13:17 Current Limitations
14:52 Specific Fill Modern Buttons
19:43 Transparent Buttons

📥 App and Dataset Download for Members (on Youtube or Patreon):
Members get exclusive access to download the apps, flows, or components featured in this video!

For Patreon Members: Download links will be available on the Patreon Page
For Youtube Members: Check the membership tab on the channel page for the download links.

🎁Not a member yet. Join the Tolu Victor Community:

#powerapps #powerplatform #copilot #moderncontrol #crashcourse #canvasapps #ui/ux #uidesign #button #icon

[SkitReplay]

You are such an inspiration to the Power App world

[akshaynm]

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

[gosyomei]

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.

[Masoom]

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.

[praveeng]

Thanks for information, glad to have this option.

[chrundlethegreat]

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.

[StevenOwens]

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

[sibidi]

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

[luisfernandomacedo]

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?

[rizkimaul]

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

[vcgolnb]

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?

[Franklinvaz]

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?

[beingfarhan]

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?

[dineshn]

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

[luisfernandomacedo]

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

[joywindsouza]

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

[gabrielcastelblancolopez]

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

[theotherone]

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?

[asjadlakhani]

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

[kennedymbewe]

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