Power Apps Button Control for Beginners | OnSelect, Style, Properties

Подписаться 130 тыс.

Просмотров 82 тыс.

50% 1

In this Power Apps step-by-step tutorial video for beginners, you will learn all about the Button control. We will cover key properties of Power Apps buttons like Text, OnSelect, Visible, BorderRadius, Style related to Hover, Pressed, Fill & more.
We will also learn how to use buttons in gallery to create tabs in PowerApps, add shadow effect for buttons, reuse button OnSelect code, Add a basic formula to a button, Change a button's appearance, Change a button's shape, Change a button's color when you hover over it & more.
We will also see how to create dynamic tabbed interface, filters & menu using PowerApps Button & Gallery Control.
Definition: A button control is one that the user can click or tap to interact with the app.
Examples: Send an Email, Call a flow, Navigate to a Screen, Submit Form Data,
Patch Data, and more...
Key properties:
OnSelect - Actions to perform when the user taps or clicks a control.
Text - Text that appears on a control or that the user types into a control.
Video covers the following:
✅ Introduction to Buttons in PowerApps
✅ Key Properties
✅ Styling Properties
✅ OnSelect function
✅ Change button shape - Tabs, Rounded, etc.
✅ Buttons and Galleries - Tabs, Menu & Filters.
✅ Background Shadow effect using fluent UI Button
Helpful Links 🔗:
Button control in Power Apps
docs.microsoft.com/en-us/powe...
Power Apps Tabs
• Build Tabs in Power Ap...
Power Apps Button based filtering
• Multi Select Filters i...
Fluent UI Controls
docs.microsoft.com/en-us/powe...
#PowerApps #PowerPlatform
Table of Contents:
00:00 - Introduction to Power Apps Buttons
00:43 - Button Control Key Properties Walkthrough
02:28 - Create Circular Shape Buttons
02:51 - PowerApps button default styles
03:24 - Change Button Color on Hover
04:35 - Change Button Shape using BorderRadius property
05:47 - Button OnSelect function
07:05 - Power Apps reuse code on button OnSelect
08:34 - Dynamic Tabs using Buttons in Galleries
11:44 - Dynamic Menu using Buttons in Galleries
12:32 - Dynamic Filters using Buttons in Galleries
13:05 - Fluent UI Button in Power Apps with shadow effect
16:08 - Example usage of Power Apps Button Control
16:38 - Subscribe to Reza Dorrani channel
🤝 Let’s connect on social:
🔗 Reza Dorrani LinkedIn: / rezadorrani
🐦 Reza Dorrani Twitter: / rezadorrani

Наука

Опубликовано:

20 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 134

@oluwatobiyusuf Год назад

The A-Z of PowerApps Button Control. Thank you Reza. The PowerApps button from teams is a take home for me

@RezaDorrani Год назад

Awesome! Thanks for watching.

@MrGaztab Год назад

Buttons, buttons, buttons! Great video and as always, always picking up something new from them. Thanks :)

@RezaDorrani Год назад

Thank You for watching

@turisabela Год назад

Reza, nice video! You 're always bringing really important contents! Thanks a lot!

@RezaDorrani Год назад

Glad to hear that! Thanks so much for watching.

@kireetiyakkali Год назад

Great video as always👏! Thanks a lot Reza for bringing up this topic.😊

@RezaDorrani Год назад

My pleasure!

@harioachira Год назад

Reza, Very informative, especially Background Shadow effect using fluent UI Button !!! You are really a good teacher, I like your way of teaching, awaiting more and more

@RezaDorrani Год назад

Thanks a lot!

@dougydoe Год назад

Another great video. I picked up a few tips again which I intend to implement... Tabbed menu utilising buttons. Thanks again for sharing.

@RezaDorrani Год назад

Thank You for watching

@baldurthorsson Год назад

Thank you Raza. Great help and great explanation with what you can do with the Button. Look forward to see more from you

@RezaDorrani Год назад

More to come!

@vitormello6100 Год назад

You are the best, seriously! Thank you very much to share knowledge!

@RezaDorrani Год назад

Thanks so much

7 месяцев назад

Amazing. Using the Select command I could make two separate buttons work, which I couldn't do before... I was having a hard time trying to make one visible when clicking the other one first, a whole mess that was going to make a bad user experience anyways... This saved my day!

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

Glad to hear the video is useful

@liliancarlarodriguesdasilva Год назад

Você é o melhor, além de bom é generoso em nós compartilhar o seu conhecimento.

@RezaDorrani Год назад

Thank You so much for your kind words

@ItsMeProday83 Год назад

Great video Reza, thanks a lot!!

@RezaDorrani Год назад

Thanks for watching

@sumantkumarsingh2782 Год назад

Just bought soft soft! So excited to get started!!

@RezaDorrani Год назад

@esbenk.d.jensen9345 Год назад

Nice with the shadow Burton at the end !

@RezaDorrani Год назад

Thank you! Cheers!

@sudhirsimson3340 Год назад

Great ideas shared. Keep it up and Thank you very much. Appreciate it.

@RezaDorrani Год назад

Most welcome

@spen2431 Год назад

Nice work (as always) Reza 💥💥💥💥

@RezaDorrani Год назад

Thank you

@vanitha1107 Год назад

Great information..!! Thanks for the video..!!

@RezaDorrani Год назад

My pleasure

@DroneEyes Год назад

Great explanation Reza!!!

@RezaDorrani Год назад

Thanks

@carlw Год назад

As per usual, Ace. 👍🏻Tx Reza

@RezaDorrani Год назад

Thanks Carl

@marcelschliebitz4021 3 месяца назад

You are the Best 👌👌❤❤❤❤❤❤

@RezaDorrani 3 месяца назад

Thank You

@aminahamilton1790 Год назад

Thanks for the video. The Status column in my SPL has roughly 15 choices. I'd like the user to see only 5 of those choices in the filter pane. I used buttons instead of labels however, i'm uncertain how to get the gallery to filter by those buttons. is this possible?

@RezaDorrani Год назад

I may have done a video on gallery filtering which showed button style a while ago. May be check ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-Wr42PeW6_wU.html

@Liam-fb4tu Год назад

Fab video Reza, would love to see the code behind the button filter control as that’s a really nice way to filter instead of drop-down etc

@RezaDorrani Год назад

Thanks Liam! I have done multiple videos on filtering which includes this scenario as well. Check the videos in Power Apps playlist on my channel.

@Liam-fb4tu Год назад

@@RezaDorrani perfect thank you will check them out. Just wanna say thanks for all your great content, I went from knowing nothing about power apps to being able to build simple apps just watching your content

@yvonnew2010 Год назад

Fabulous :) Thanks Reza

@RezaDorrani Год назад

Most welcome

@ryanqkaizer8235 Год назад

Reza, very informative, thank you! this greatly helped me to start building! However, when you switched from the new tabs you built to your completed app example, the gallery items had a data reference vs. the tab button names. when I try to duplicate this for my app, either the buttons clear the names, or the formula doesn’t work correctly. i don’t know how to remedy this!

@RezaDorrani Год назад

I have done many videos on tabs where data is loaded from a data source. You can search for those on my channel.

@ryanqkaizer8235 Год назад

thank you for replying. i thought maybe i missed something in this video, but i’ll keep looking.

@SAULSM17 Год назад

Super bueno. Mucha información pero toda muy valiosa. Gracias Reza!!

@RezaDorrani Год назад

Thank You

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

Great tutorial, Reza! Is it possible to automate a removal of an Item in a gallery when a certain condition is met (such as rejected) without the need to manually click a button?

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

A button is a control. You cannot delete a control automatically.

@dacsch97 Год назад

Hi Reza! I am finding that the button from Teams loses its border radius setting after it is selected. But it comes back once something else is selected. It even happens within Teams. Do you experience that as well? Thanks for your videos :)

@RezaDorrani Год назад

It might be a bug.

@ArijitDas-fr8ss 8 месяцев назад

Hi Reza, one question. Can we automatically click a button basically can we trigger on select property of a button during a screen onstart ?

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

Screen Onvisible - have not tried it. Try and check if Select function works

@andreasvanbergen9696 Год назад

Thank you so much Reza for this tutorial! Realy got me started!

@RezaDorrani Год назад

Glad to hear that! Thanks for watching.

@georgegualda4262 Год назад

Excellent Video

@RezaDorrani Год назад

Thanks George

@Maxmaxfox Год назад

thank uuuu very match ...i want videos about checkbox tool.

@RezaDorrani Год назад

What is checkbox tool?

@enitesh Год назад

Congratulations on your new role at Microsoft. How to add images next to button text like the ones in your video ?

@RezaDorrani Год назад

Thanks Nitesh. Those images in button text are actually emojis Windows+. To use emoji keyboard

@muzammilahmed-px2ee 4 месяца назад

Hi @rezadorrani, Is there any way to adjust the text property of button to its width?

@RezaDorrani 4 месяца назад

Not sure about this.

@antoniokimble5286 Год назад

Congratulations on switching jobs and a job promotion! I was wondering if they would allow you to have a RU-vid channel still, so I'm glad you can. Can I expect to see you in Power CAT's videos soon? I've watched some of their content.

@RezaDorrani Год назад

Thank You. RU-vid is my hobby and I create content outside of working hours. Power CAT videos - time will tell :)

@theNasniStreamLK Год назад

THank you so much. I am a beginner and started to building app watching your videos. I have a question. 1. I have list items in 12 different folders. 2. In power app when i search, i want the power app to automatically look for all 12 folders. Can u help

@RezaDorrani Год назад

I do not have a video reference on this scenario and would have to try it out to provide guidance. I would recommend posting your issue/query with screenshots on the forums at powerusers.microsoft.com

@sedman5179 Год назад

Love the shorter vids, especially liked your recent 60 second “All’ filter vid………..

@RezaDorrani Год назад

Glad you like them!

@lpdowdell Год назад

Reza which app do you use to zoom in and to draw while you are presenting?

@RezaDorrani Год назад

Camtasia

@aarrbbiiee Год назад

Hello, is it also possible to create a flip-card effect in PowerApps? If yes, can you make a tutorial on that? Thank you so much!

@RezaDorrani Год назад

Possible. I make videos when I get multiple requests on a particular topic. Every quarter I ask subscribers for topic suggestions on the Community Tab of my RU-vid channel. Subscribers vote for topics and the highest voted topics get added to my backlog. Make sure you post this in the next topic suggestion post. If it gets a lot of votes, I will add it to my backlog.

@manok1156 Год назад

Hi, do you have a tutorial for the dynamic filters using button in gallery?

@RezaDorrani Год назад

I have done many videos on filters. May have shown it in one of them.

@Adronius Год назад

How can one specify the time to be waited (e.g. 1 hour) for the "Post adaptive card and wait for a response" - if you want to collect multiple responses for many people, e.g. Poll/Survey?

@RezaDorrani Год назад

Not sure. I would have to try it out to provide guidance. I will recommend checking on the forums at powerusers.microsoft.com/ in case someone has done something similar.

@derekgray3019 Год назад

Could you add a timer control that is activated by btn onselect to run 60 mins then trigger whatever you need, think I’ve seen something similar by someone else.

@RezaDorrani Год назад

@@derekgray3019 Possible but I have never tried it.

@liltriqs Год назад

hi Reza, great video, is it possible to reset multiple forms with one reset button?

@RezaDorrani Год назад

Possible! Resetform(form1);Resetform(form2);

@liltriqs Год назад

You're the best

@user-kz5yv5cg2k Год назад

Is there a way to make a button with a custom picture, or animation(gif)?

@RezaDorrani Год назад

Not with the button control

@Kapildevkushwah Год назад

Boss 👍👍👍

@RezaDorrani Год назад

Thanks boss

@ankushjain4128 Год назад

Last section teams btn control is amazing trick to use standard app .

@RezaDorrani Год назад

Thanks

@RShand-je1rl 23 дня назад

Hi Reza. Great video as usual, what you don't know about buttons isn't worth knowing haha. Is there a way to embed buttons within a form, instead of them simply having a fixed position? I am trying to build a form for a SharePoint list that has a lot of fields. I want to add a Submit button to the end of the form, but the problem is that the button doesn't move with the form, it stays in place so it looks like it's floating on top of the form. Can you help? Thanks

@RezaDorrani 23 дня назад

Thanks! I don’t have a video reference on the floating button and would have to try it out to know the options. I will recommend checking or posting your query on forums in case someone has done something similar powerusers.microsoft.com

@RShand-je1rl 23 дня назад

@@RezaDorrani Thanks for your quick response. After watching one of your other videos about building forms, I noticed in the Tree View that the buttons were not included in the form, so I cut and paste them inside the form tree and that worked. The next problem I have is trying to link a DatePicker with a field in the SharePoint list. Once I solve that, the form will be ready to use! I only started learning to use Power Apps yesterday but your videos have helped a lot, thanks.

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

Hello Reza, How to change the selected color of an individual button? Without using gallery for the button? If button 2 has been selected, button 1 should be set to its original color. Any Suggestion please.

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

Why without gallery? In that case use variable to track which button is clicked and accordingly change color. I dont have a specific video reference on this though.

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

@@RezaDorrani Thanks! That worked.

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

Can we use the Gallery Tabs to Create a form ? Like Tab A for Pre Production It has set of data input to fill in once it ends then Tab B for Quality Check where it has start Time & Stop Time etc, and Tab C Actual Prod - Where it has type of product, Start time, and may other input field and button controls. All the tabs data should be captured in the excel database

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

i have done multiple videos on tabbed forms.

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

Is there anyway we can achieve long pressed scenario

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

Not sure about that

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

i cant find Action for button any more in power apps (menu with View and Action...), can you help me please

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

time in video when this was shown?

@junkeyktro Год назад

I would like to know how to configure a button to register a determined information in a excel tab. For example, the user is going to select 5 buttons in sequence, each one with a specifc information, i want that this information goes to a tab and each information in a specific column, is that possible? The buttons would be like: First button is a date; The second one is a problem; The third is a product; The fourth is a number; The fifth is a name;

@RezaDorrani Год назад

I do not have a video reference on this scenario and would have to try it out to provide guidance. I would recommend posting your query with screenshots on the forums at powerusers.microsoft.com

@junkeyktro Год назад

@@RezaDorrani thanks!!

@Test-oc1fr Год назад

Sir Congratulations on your promotion. Can you please help me with below query. is there any way through which I can share filtered view of share point list with other user. I don't want to share entire data but want to share specific data which is filtered for him.

@spen2431 Год назад

Can you create a SharePoint view?

@Test-oc1fr Год назад

@@spen2431 yes

@RezaDorrani Год назад

SharePoint security is not at view level

@Test-oc1fr Год назад

@@RezaDorrani thank you so much sir for your reply. I am a big fan of yours. You are inspiration to me and wants to become like you.

@MegaKumar0 Год назад

Thanks Reza

@RezaDorrani Год назад

Most welcome

@MegaKumar0 Год назад

Thanks Reza, Kindly share your suggestion or any links on tree view control in power apps. Thanks in advance.

@RezaDorrani Год назад

@@MegaKumar0 I have not videos on it. Check on forums at powerusers.microsoft.com/

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

Hi, Is there a way to rotate the button?

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

I don’t think so

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

You have selected the gallery and in the gallery, you have been given a button. each button has specific content(buttons as tab part). My question is that if I have not selected any button there should not be any data when I select any button then below that button content/data should show. Can you please define that or share any perfect URL so I can refer to that as a beginner asking

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

I did not understand the question. Im assuming you dont want anything selected in gallery to begin with. You can use {} for default property of gallery. I do not have any URL references.

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

@@RezaDorrani yes, the same when I am open this page there should be only button and when I click on button then there should show the form of different different buttons.

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

@@ZeyaulHoda I have not tried that so not sure

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

@@RezaDorrani thank you for understanding, In the last one week I have watched most of your videos I hope to continue learning from you and more guidance. Just starting my career into this

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

Helo in my power app there is no home tab insert tab or anything may i know why?

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

No idea

@user-gx5zk8gx9x 11 месяцев назад

Reza, how to make a colTabs ID in powerapps ?

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

What is a colTabs ID? I have made over 200+ videos and I do not remember each one of them. Best to share some context or time in video where I did showcase it.

@user-gx5zk8gx9x 9 месяцев назад

Sorry, i mean, in this video, how to make colTabs ID, in your below Asset Manager data in minute 10:32, plesse reply, thanks @@RezaDorrani

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

@@user-gx5zk8gx9x Its a collection thats hardcoded. I have shown this in other videos around tabs in power apps. Search for those ones.

@tomcruz22 3 месяца назад

My button has half of the options. F.e. i cant fill the color or select the borderthickness... why is that?

@RezaDorrani 3 месяца назад

Check if you are using the classic button control

@youneselhamss2908 Год назад

10:30 about how to connect the buttons gallery with the data gallery, I did not understand anything, you go very fast.

@RezaDorrani Год назад

At that point in video, it was a showcase of how and where buttons can be used and not a step-by-step walkthrough. If you are looking to build tabs, then I have done detailed videos on them.

@Anonymous-md6xd Год назад

I found More Customizable Button with gradient , border color , border type and shadow and shadow color here ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-2y0uqEagLpE.html

@RezaDorrani Год назад

That is not a button. It is a component. I have not seen that video but my guess is it is using html control with other controls to create those effects.