Power Apps New Modern Toolbar Control

Поділитися
Вставка
  • Опубліковано 23 січ 2025

КОМЕНТАРІ • 139

  • @benjaminnzioki8815
    @benjaminnzioki8815 5 місяців тому +4

    This is great! I received a UA-cam notification. In most times, you're always the first to showcase new Power Apps releases and use case.🤩

  • @HareKrsn213
    @HareKrsn213 4 місяці тому +1

    I love to watch your videos even when I am not working on any Power Apps-based project...Thank you so much for enhancing our knowledge to the next level....Love from Hyderabad, India.

  • @JonEricE-n1k
    @JonEricE-n1k 4 місяці тому +2

    Hey there! I just wanted to let you know how awesome your videos are. I can't wait to see more because they're so informative and entertaining.

  • @SierraSlopes
    @SierraSlopes 5 місяців тому +2

    Great overview as usual. Love the new control and the ability to customize.

  • @MegaKumar0
    @MegaKumar0 4 місяці тому +1

    Great useful content Reza once again.

  • @oluwatobiyusuf
    @oluwatobiyusuf 4 місяці тому +1

    Thank you Reza. This toolbar control is great. Will try it out

  • @trevbrait-sw9jr
    @trevbrait-sw9jr 4 місяці тому

    🎯 Key points for quick navigation:
    00:00:13 *🎛️ The toolbar control in Power Apps is a horizontal bar that can incorporate user-selectable commands in the form of text, icons, or both.*
    00:00:43 *🖱️ Toolbar buttons activate commands and change behavior based on table control selections, enabling actions like edit, view, or delete.*
    00:01:21 *🎨 The toolbar allows always available options, such as creating new records, enhancing user interaction in both gallery and table controls.*
    00:02:18 *⚙️ Modern control features in Power Apps need specific app authoring versions and settings like modern controls and themes to be enabled.*
    00:02:59 *📋 Each toolbar button is defined by properties, including item keys for identification, display names for text labels, and appearance styles.*
    00:03:51 *👓 Toolbar buttons support icon customization using a suite of modern icons, which can be integrated into the toolbar via property settings.*
    00:04:18 *🎨 Appearance properties allow customization of a button's look using styles such as secondary, outline, subtle, and transparent.*
    00:06:02 *🚫 Disable toolbar buttons based on conditions using properties like itemDisabled, controlling button availability dynamically.*
    00:07:05 *🎨 The toolbar control offers extensive styling options for padding, alignment, and layout, with adaptability to theme-based color changes.*
    00:08:26 *🖌️ Customization capabilities for fonts, colors, and weight allow precise control over toolbar aesthetics, aligned with app themes.*
    00:09:21 *🆕 Example use case includes integrating a toolbar to manage item creation, editing, and deletion within a table, correlating toolbar actions with table selections.*
    00:11:54 *🔄 Dynamic navigation and form behavior can be implemented by setting variables on toolbar actions, enhancing user flow between screens.*
    00:14:03 *👥 Toolbars can be incorporated in gallery and screen-level controls, providing varied functionalities like data manipulation and navigation triggers.*
    Made with HARPA AI

    • @RezaDorrani
      @RezaDorrani  4 місяці тому

      Thanks for sharing. Video description has chapters though.

  • @dougydoe
    @dougydoe 4 місяці тому +1

    This is a really cool function. I think it will really tidy up Apps and make navigation easier as well. Just checked and its in the various tenants I use so that is really good. Thanks for sharing and will definitely be trying this out and incorporate it into Apps as soon as it becomes GA.

    • @RezaDorrani
      @RezaDorrani  4 місяці тому

      Awesome! It definitely will help tidy up navigation.

  • @luisr5577
    @luisr5577 4 місяці тому +2

    I have to give this a try! Thanks.

  • @cedartree816
    @cedartree816 3 місяці тому +1

    I can't believe I missed the addition of the toolbar control. This is a great tutorial, not sure I would have thought to use it in a gallery the way you demo at 14:12. Is there a video on how you created that projects list gallery by chance? Great work!

    • @RezaDorrani
      @RezaDorrani  3 місяці тому +1

      Check my video on modern gallery design

  • @nickc655
    @nickc655 4 місяці тому +1

    I am working on an Archive Request app. Will be using this. Thanks Reza!

  • @harsh.mscrm991
    @harsh.mscrm991 4 місяці тому +1

    Always wait for your content Rezza…. 👍🏻✨

  • @Saif_Ali_Khan_1301
    @Saif_Ali_Khan_1301 5 місяців тому +2

    Brilliant 👏🏻 as usual, ui look so simple and easy to use. 😍

    • @RezaDorrani
      @RezaDorrani  5 місяців тому

      No more buttons within containers. Toolbar is cool.

  • @shaikhfirdos2723
    @shaikhfirdos2723 4 місяці тому +1

    This is amazing🎉🎉❤ Thanks Reza

  • @paolovr1970
    @paolovr1970 2 місяці тому +1

    Thanks Renza 😊

    • @RezaDorrani
      @RezaDorrani  2 місяці тому

      Welcome!
      It's reza though :)

  • @siddeshgawande3924
    @siddeshgawande3924 5 місяців тому +1

    Great Video !

  • @wassim2k
    @wassim2k 4 місяці тому

    I enjoy the knowledge shared in your videos. Even though the start of every video looks like a hostage tape.

    • @RezaDorrani
      @RezaDorrani  4 місяці тому

      Thanks!
      Any suggestions on how to improve the start of the videos?

  • @lstgeorge7370
    @lstgeorge7370 4 місяці тому +1

    Thank you Reza You're the Best 👌👏👏🥂🥂

  • @chandrasekharmekapothula1181
    @chandrasekharmekapothula1181 5 місяців тому +1

    Very useful Control!

  • @sankhlayashraj
    @sankhlayashraj 5 місяців тому +1

    This is fantastic Reza

    • @RezaDorrani
      @RezaDorrani  5 місяців тому

      Thanks! Hope you give the control a try.

    • @sankhlayashraj
      @sankhlayashraj 5 місяців тому

      @@RezaDorrani waiting for it to show up in my org.. will be using for sure for an upcoming app

    • @sankhlayashraj
      @sankhlayashraj 5 місяців тому +1

      @@RezaDorrani waiting for it to show up in my org.. will be using for sure for an upcoming app

    • @sankhlayashraj
      @sankhlayashraj 5 місяців тому +1

      Used this on one of my App, it is fantastic. Thank you for all that you do to make App Makers like us successful.

  • @yvonbertinndonkonkouendja8140
    @yvonbertinndonkonkouendja8140 4 місяці тому

    Thanks Reza, when you share, God add more knowledge
    Keep it up

  • @Dramamine0001
    @Dramamine0001 5 місяців тому +2

    Nice video! Each item has the property ItemVisible which can be used to show/hide each as needed.

  • @Dreaded-p1k
    @Dreaded-p1k 3 місяці тому +1

    Nice Video. Wondering where you got this beautiful loading bar from at the end of the video :P

    • @RezaDorrani
      @RezaDorrani  3 місяці тому +1

      That is also a modern controls.
      Here is the full video link ua-cam.com/video/wF5gbjUuXKw/v-deo.htmlsi=wXJfmOPvFaAqf3a0

  • @FilmtographyMedia
    @FilmtographyMedia 4 місяці тому +1

    Nice, thanks!

  • @JCSent22
    @JCSent22 4 місяці тому +1

    This is a game changer!

    • @RezaDorrani
      @RezaDorrani  4 місяці тому

      This was a much needed control

  • @youtube_Salim
    @youtube_Salim 4 місяці тому +1

    thanks Reza 🙂

  • @remorse7405
    @remorse7405 4 місяці тому

    Hi wanna ask if is possible to use the toolbar as sidebar? or do we have a build in component for that?

    • @RezaDorrani
      @RezaDorrani  4 місяці тому

      I think I did show in video that toolbar can be horizontal or vertical. So you could use it as sidebar.

  • @shoebmemon
    @shoebmemon 4 місяці тому

    Is it possible to rotate the icons for the items in Toolbar? I tried the 'ItemIconRotation' property but that did not seem to work.

    • @RezaDorrani
      @RezaDorrani  4 місяці тому

      I would guess the item rotation property would be the only way. Probably a bug in it.

  • @avinoamrothenberg1244
    @avinoamrothenberg1244 5 місяців тому +1

    Once again ahead with the latest and greatest 👍
    May we know where could we find a list of all the configuration methods for the "Item" property?

    • @RezaDorrani
      @RezaDorrani  5 місяців тому +3

      Thanks so much!
      Documentation will be out soon.

  • @shrutidsofficial
    @shrutidsofficial 4 місяці тому +2

    Hi Reza, what a small world! I just moved to Texas and I was shopping at First Colony Mall today when I saw you with your family there - I couldn't believe my eyes! 😊😊

    • @RezaDorrani
      @RezaDorrani  4 місяці тому +2

      It’s a small world indeed!

  • @joywindsouza817
    @joywindsouza817 4 місяці тому

    Is there any blog or list of new features released where i can find out when MS releases such new features. It has also released modern number input and avatar control. But i never find any official document about these new releases

    • @RezaDorrani
      @RezaDorrani  4 місяці тому

      www.microsoft.com/en-us/power-platform/blog/

  • @giftwarieta
    @giftwarieta 5 місяців тому +1

    Awesome

  • @monsalveclashroyale2766
    @monsalveclashroyale2766 28 днів тому

    Hi, I have a question about the ToolBar control in Power Apps Modern Controls. Is there any property to add a radius border to the items? Thanks in advance!

  • @jenniferfalkner7850
    @jenniferfalkner7850 4 місяці тому +1

    Thank you Reza, your videos are easy to follow and learn from, One question could you use the toolbar for Patching?

    • @RezaDorrani
      @RezaDorrani  4 місяці тому

      Most welcome!
      Yes, you could use toolbar for patching. It supports any Power Fx command.

  • @junahs95
    @junahs95 4 місяці тому

    Great video?
    Do you have a guide on how you did the gallery card layout at the beginning of the video? Thanks

    • @RezaDorrani
      @RezaDorrani  4 місяці тому

      How to build a Responsive Modern Gallery in Power Apps | Tutorial
      ua-cam.com/video/C3uRaC6_BcA/v-deo.html

  • @davem8774
    @davem8774 4 місяці тому

    This is great. However, I don't like the instant delete action without confirmation. What's the most efficient and simple way to show delete confirmation?

    • @RezaDorrani
      @RezaDorrani  4 місяці тому +1

      Ive done a video on popup dialog. That would be the best option.

  • @SuperMarvz
    @SuperMarvz 4 місяці тому

    Great rezza, do you have a video that you can utilize the header of the datataable control? like clicking that dropdown on the right side of the title and utilizing controls in there? perhaps maybe adding that toolbar in there?
    Appreciate your work man

    • @RezaDorrani
      @RezaDorrani  4 місяці тому

      I did not understand the question

    • @SuperMarvz
      @SuperMarvz 4 місяці тому

      @@RezaDorrani I mean in the table control, the header there is a drop down that once you click it will give you the sort functionalities and the filter functionality. However by default, the filter is still greyed out and no info on the documentation to enable it. Do you know how?

    • @RezaDorrani
      @RezaDorrani  4 місяці тому

      @@SuperMarvz That is by design. Same case in my app as well. Filter is a future feature.

  • @kannankarmegam-bne
    @kannankarmegam-bne 3 місяці тому

    Hi Reza, I need guidance on when we should use Modern control and creators kit. Are there any plans discontinue creators kit and include all those controls in Modern? for example Dialog, Panel etc

    • @RezaDorrani
      @RezaDorrani  3 місяці тому

      I am not aware of any plans around deprecation or whether or controls will come to modern.
      My guidance is simple - start with modern and if the control is not available - then use creator kit

  • @shineremanan5523
    @shineremanan5523 3 місяці тому

    Will it be possible to add modern driven forms when selecting on modern tool bar icons

    • @RezaDorrani
      @RezaDorrani  3 місяці тому

      Do you mean model driven forms in a canvas app?

    • @shineremanan5523
      @shineremanan5523 3 місяці тому

      @@RezaDorrani yes

    • @RezaDorrani
      @RezaDorrani  3 місяці тому +1

      @@shineremanan5523 I dont think that's an option in product

    • @shineremanan5523
      @shineremanan5523 3 місяці тому

      @RezaDorrani thanks for the response

  • @MrPorcupine03
    @MrPorcupine03 4 місяці тому

    How do i resize the edit button inside the toolbar?

    • @RezaDorrani
      @RezaDorrani  4 місяці тому

      Did you check the font size property?

  • @ZoranRuzic1
    @ZoranRuzic1 3 місяці тому

    HI Reza,
    I have tested and found that the values for ItemIconName, can be one of this items
    Add
    Edit
    Save
    Delete
    Search
    Settings
    Home
    Mail
    Print
    Warning
    Info
    Do you maybe have some additional findings ?
    I need Cancel button, in the app I have set the Home icon , but I am not happy.

    • @RezaDorrani
      @RezaDorrani  3 місяці тому

      I was not even aware of this.

  • @LAAatBLS
    @LAAatBLS 4 місяці тому

    @Reza, can this effectively replace the CRUD editable grid concept?

    • @RezaDorrani
      @RezaDorrani  4 місяці тому

      Modern toolbar or modern table?

    • @LAAatBLS
      @LAAatBLS 4 місяці тому

      @@RezaDorrani I am asking about using a Modern toolbar with a Modern table. So, CRUD can be accomplished using the Modern Toolbar?

    • @RezaDorrani
      @RezaDorrani  4 місяці тому

      Yes, possible. But editable grid is the ability to update multiple rows. Here you can only update one row at a time.

    • @LAAatBLS
      @LAAatBLS 4 місяці тому +1

      @@RezaDorrani Ah, that's the rub. Thank you so much, @RezaDorrani!

  • @tbone536
    @tbone536 5 місяців тому +1

    Can't wait to try it. To save screen space, I wonder if I could I add a Hamburger menu icon to set visibility of the toolbar to true. Then set it back to false after the menu icon onselect/is clicked (so it functions like a popout menu). 🤔

    • @RezaDorrani
      @RezaDorrani  5 місяців тому +2

      Definitely give it a try. You could do that or simply show and hide the control based on click of hamburger icon.

    • @tbone536
      @tbone536 5 місяців тому +1

      @@RezaDorrani yes exactly. You worded it much better than I! 😆

  • @umeshjyani7183
    @umeshjyani7183 4 місяці тому

    In Modern Table how we can do every column diffrent onselect. my task is in modern table i wnat to show a column in this the ticket id this is show in a link type i wnat to when user click on that the nevigate to another screen ?. if we not do in modern table then how we can add spretore in classic Table?. Please anyone reply.

    • @RezaDorrani
      @RezaDorrani  4 місяці тому

      You have asked the same question in 3-4 videos. I have answered in other posts.

  • @lokeshn1347
    @lokeshn1347 5 місяців тому

    Hi Reza, powerapps is slow, while creating 100 questions form, can you please provide some ideas on this how handle

    • @RezaDorrani
      @RezaDorrani  5 місяців тому

      Same as previous response

  • @atulvijay100
    @atulvijay100 3 місяці тому

    Hey Reza, great help. I have a small request, can you do some videos using code components available in powerapps.

    • @RezaDorrani
      @RezaDorrani  3 місяці тому

      You mean pcf? I have done no work there.

  • @lokeshn1347
    @lokeshn1347 5 місяців тому

    @RezaDorrani powerapps is slow, while creating 100 questions form, can you please provide some ideas on this how handle

    • @RezaDorrani
      @RezaDorrani  5 місяців тому

      I would rather not have user fill a 100 question form in a single screen and split it across multiple screens. I have done videos on that.

    • @lokeshn1347
      @lokeshn1347 5 місяців тому

      ​​@@RezaDorraniShall I split into 4 screens with 25 questions each? But all 100 questions come from one SharePoint list.

  • @clratliff
    @clratliff 5 місяців тому

    MS has created some nice modern controls. Too bad most have been stuck in preview. My experience so far with some of these controls in preview have been spotty (especially dropdown/combo box!). It seems their focus right now is Copilot so who knows when they will start getting serious on getting these out of preview.
    By the way Reza, I never miss your top-notch videos. Thank you for your contribution!

    • @RezaDorrani
      @RezaDorrani  5 місяців тому

      Most of them are going GA soon.

    • @everythingistaken5139
      @everythingistaken5139 5 місяців тому

      @@RezaDorrani Thats really unfortunate since most of them still have quite a few issues and lack of customization over classic controls. There's also big differences between canvas app modern controls and custom page custom controls and so far I havent seen any improvements in months.

    • @RezaDorrani
      @RezaDorrani  5 місяців тому

      @@everythingistaken5139 Classic controls are not going anywhere. If classic meets your app needs, then you can continue using them.
      Going GA soon is my prediction. I am not aware of the exact GA dates or plans.

  • @MegaKumar0
    @MegaKumar0 4 місяці тому

    Hi Reza, it is not related to this topic but need to know the assumption like : we have colour flags used in outlook email in our automate flow based on taks. Will it possible to set manually create a task by colour category.. Please need your inputs! bcz your my mentor..

    • @RezaDorrani
      @RezaDorrani  4 місяці тому +1

      I do not have a video reference on this scenario and would have to try it out to provide guidance. I recommend checking on the forums at powerusers.microsoft.com/ in case someone has done something similar.

  • @richardclowes6166
    @richardclowes6166 5 місяців тому +1

    This is essentially the same Command Bar from the CreatorKit right? It's nice it's coming mainstream!

  • @jamiecairns9111
    @jamiecairns9111 4 місяці тому +1

    Is there a powerapp i could use to download your brain? Would be really useful

    • @RezaDorrani
      @RezaDorrani  4 місяці тому

      I don’t think there is one 😊
      I see my training program as one where I am sharing in detail about each topic, how I think about app building and more.

  • @lambanlaa
    @lambanlaa 4 місяці тому

    Is it in GCC yet?

    • @RezaDorrani
      @RezaDorrani  4 місяці тому

      Im not aware of GCC timelines

  • @ShuskiCross
    @ShuskiCross 4 місяці тому

    I wish the height of the buttons actually mimics the height of the toolbar container itself. You can't, currently, make the buttons a bit bigger if required.

    • @RezaDorrani
      @RezaDorrani  4 місяці тому

      Currently, one cannot do that

  • @pierrereynaud784
    @pierrereynaud784 4 місяці тому

    Dumb question, what advantage does the Toolbar have over having multiple buttons?
    Sure you have them all in one group but it seems to make it more complex than it needs to be as everything is in code, unless there is a big performance boost or there are things you can do that you wouldn't be able to do with a group of modern buttons?

    • @RezaDorrani
      @RezaDorrani  4 місяці тому

      Reduction in number of controls is one advantage. Check my videos on power apps performance.

  • @rishisharma1066
    @rishisharma1066 4 місяці тому

    I liked your video and learning a lot from them I want to download projects developed by you and I know there is join now button. Can you please tell me how can I download If I join community and what are the features I will get for eg Will I get all projects video wise in one solution so that I just download and run in my environment I checked in comment section and dont find any comment related to my query .Please explain in detail

    • @RezaDorrani
      @RezaDorrani  4 місяці тому

      I did share a read me doc in community tab for everyone
      here is the link thepoweraddicts-my.sharepoint.com/:w:/g/personal/rdorrani_thepoweraddicts_onmicrosoft_com/EbvjdBY80QRGkT6svJEmzZwBz64PNYQDRvKHm8eRHEYe6Q?rtime=elgcBnTb3Eg

  • @OfSheffield
    @OfSheffield 4 місяці тому

    FFS just built my own version of this

    • @RezaDorrani
      @RezaDorrani  4 місяці тому

      ?

    • @OfSheffield
      @OfSheffield 4 місяці тому

      @@RezaDorrani I have spent time building something that does this functionality for a project, now there is a quick build for it. Just annoyed to have spent time on something I didn't have to

    • @OfSheffield
      @OfSheffield 4 місяці тому

      @@RezaDorrani if you're unfamiliar with FFS then i wont type it out here but its a common abbreviation of exasperation

    • @RezaDorrani
      @RezaDorrani  4 місяці тому

      @@OfSheffield No worries. You could always use this in future apps.

    • @RezaDorrani
      @RezaDorrani  4 місяці тому

      @@OfSheffield im familiar with it but did not understand if the statement was positive or negative

  • @SKEDURINRAJA
    @SKEDURINRAJA 5 місяців тому

    Hi

  • @prffrost
    @prffrost Місяць тому

    how do I open a Massage Box when I click Delete - Update Context({var Show MsgBox:true})

    • @RezaDorrani
      @RezaDorrani  Місяць тому

      ua-cam.com/video/8T9Pa58H1Co/v-deo.htmlsi=cAo-hgPMPKIfRMkn

  • @lovesharma336
    @lovesharma336 5 місяців тому +1

    Great Video !