- 19
- 68 754
The Analyst Nik
Приєднався 28 січ 2024
My channel is dedicated to helping you build Power Apps with a focus on clean, modern design and intuitive user experiences. I share practical techniques to inspire you to create apps that not only look professional but also make a difference for your users. Whether you’re just getting started or looking to refine your skills, I hope my tutorials provide you with valuable insights to take your app design to the next level.
Multi-Select Popup Component in Power Apps
Replace the default dropdown in your Power Apps form with a custom popup component that works with multiple selections!
00:00 Intro
00:36 SharePoint List
01:38 Collection Setup
04:13 Form Setup
05:36 Datacard Gallery
10:16 Datacard Error Fixes
11:18 Datacard Edit Button
14:18 Component Setup
16:45 Component Header
18:44 Component Selections
21:38 Component Choices
22:46 Insert Component on Screen
25:45 Save & Back Buttons
26:25 Test
27:20 BONUS Additional Datacards
30:25 Outro
#microsoft #powerapps #powerapp #powerappstutorial #powerplatform
Music by Bensound
License code: LBTRJHR0WAM2CMHM
00:00 Intro
00:36 SharePoint List
01:38 Collection Setup
04:13 Form Setup
05:36 Datacard Gallery
10:16 Datacard Error Fixes
11:18 Datacard Edit Button
14:18 Component Setup
16:45 Component Header
18:44 Component Selections
21:38 Component Choices
22:46 Insert Component on Screen
25:45 Save & Back Buttons
26:25 Test
27:20 BONUS Additional Datacards
30:25 Outro
#microsoft #powerapps #powerapp #powerappstutorial #powerplatform
Music by Bensound
License code: LBTRJHR0WAM2CMHM
Переглядів: 2 885
Відео
Modern Dropdown Popup in Power Apps
Переглядів 7 тис.Місяць тому
Replace the boring dropdown controls in your forms, by creating a more modernized and custom popup! This is a more advanced method I created, but try it out and hopefully you learn a few things along the way. Let me know what you think! 00:00 Intro 00:25 Preview 01:00 SharePoint List 01:42 Power Apps Gallery 03:25 Form Screen 07:16 Edit the Status Dropdown 14:49 Edit the Priority Dropdown 16:52...
Create a Navbar using a Component Library in Power Apps
Переглядів 5 тис.2 місяці тому
Learn how to create a reusable Navbar menu within your own Component Library, which will allow you to build once, and plug into as many apps as you want, including Model Driven Custom Pages! Timestamps: 00:00 Intro 00:43 Create Component Library 01:22 Update Display Settings 01:46 Create Component and Custom Properties 03:54 Root Container 04:26 Company Section 06:29 Menu Section 11:53 User Sec...
Multi-Level Navbar Menu in Power Apps
Переглядів 12 тис.2 місяці тому
A custom navbar in Power Apps, with multi-level navigation. Timestamps: 00:00 Intro 00:29 App Screens 00:47 Define Menu Items 03:15 Define Menu Theme 04:06 Create New Component 05:15 Company Section 08:20 Menu Gallery 14:22 Submenu Gallery 19:25 User Section 20:44 Add Navigation to Screens 21:32 Remove White Space 22:32 Outro #Powerapps #powerapp # microsoft #powerplatform #navbar
Expandable Navigation Menu in Power Apps
Переглядів 26 тис.3 місяці тому
Create a modern and expandable navigation menu in Power Apps! #powerapps #microsoft #powerapp #powerplatform
Power Apps: Reusable Popup Component
Переглядів 4 тис.5 місяців тому
Create a popup that you can reuse in any Power App that you build. It's dynamic and customizable to fit any app style and function.
Context vs Global Variables in Power Apps
Переглядів 4677 місяців тому
Learn when and how to use context and global variables in Power Apps #powerapps #powerplatform #microsoft #powerappstutorial #powerapp
Undo Button in Power Apps
Переглядів 1,3 тис.7 місяців тому
Learn how to create a Power App with an Undo option for your users. No more accidental deletions or modifications! Check out my written tutorial with all the code here: medium.com/@theanalystnik/mastering-power-apps-adding-an-undo-button-2c8bc3bbb987 #powerapps #powerplatform #microsoft
Power Apps: Icon PRO Series (Part 3)
Переглядів 6628 місяців тому
Add a gradient background color to your custom icons #howto #microsoft #powerapps
Power Apps: Icon PRO Series (Part 2)
Переглядів 5208 місяців тому
Style your custom icons and make them functional #howto #microsoft #powerapps
Power Apps: Icon PRO Series (Part 1)
Переглядів 7138 місяців тому
Power Apps: Icon PRO Series (Part 1)
BALD incoming
Awesome content learned a lot for a beginner like me! But I have a question, how do I fix the Updates properties in data card after deleted a dropdown if I don't have a collection before, something like create a new form, thank you. Subscribed!
Your videos are very good and its really giving out the intrest to learn powerapps.Can you launch a course from basic to advance.
I cannot thank you enough sir, Thank you 🥰🥰🥰🥰🥰🥰
Are there any additional steps we need to take on each page to make sure that the size of the screen adjusts when the nav bar is at 200 vs 80?
short & precise, Thank you🥰🥰🥰🥰
I just Subscribed!, Thanks!
This tutorial was absolutely amazing! I'm new to Power Apps and have learned so much in a short period of time through your channel.
You keep using a word that does not mean what you think it means: Best.
Fantastic! Thank you for the detailed explanation, it really helps me with my ongoing project. More subs to your channel! God bless.
Can you paste the ImageToggelIcon property code here
Thank you very much for the menu, but when I display an option the menu moves the rest of the elements on the screen, how can it be superimposed?
When I try to test the component in the design like you did, it only shows me the button, but the menu doesn't shrink or expand. What am I doing wrong? It works after when I put the menu to the screen. Only background color does not work to me.
read in the comments somewhere that it's a bug with the modern controls/themes turned on in your app (you can turn it off in settings > updates > modern controls and themes.) on the button toggle, change Appearance to: ButtonCanvas.Appearance'.Transparent.
Nice work Nick! Thanks for sharing. I've attempted to replicate your solution. When I click on the Edit button in the forms Data Card for the MultiSelect column the first time, the popup opens and displays the options as expected. When I change record in the form, and click Edit again, the popup appears but does not display the Choice Options. I configured some additional information and I can confirm that the two galleries in the component are visible and have records. In your testing and setup, have you ever experienced anything like this? Update: The component appears to not render correctly when the source list is displayed in a gallery on the same screen as the form. When I remove the source list gallery to another screen, and navigate as you are, the component renders as expected. Interesting that the component doesn't render properly after collection is updated in same screen!
if height is flexible, wouldn't that mean that if i have contents in my screen they would get pushed down whenever i open the dropdown?
As long as the dropdown is above your other content, and you're not changing you other continents Y properties during the expansion, then it will just overlap your other content
Thank you Nik! Such a great video. May I know how do I filter the navigation based on user role? Thanks!
thank you! I haven't tested this, but you could add an additional property to each of your MenuItems like Admin: true or Admin: false, then you can filter the gallery that checks if the current user is an admin (not sure the method you are using here, but assuming you have it stored in a variable varAdmin, it would be: If(varAdmin = true, Filter(MenuItems, Admin = true), Filter(MenuItems, Admin = false)) Hope that helps!
@ works like a charm! Thank you Nik!
That’s awesome! Glad it worked out
Thanks for the nugget on Control + Shift + L to select all instances of the text! That was worth the price of admission. 😎
Glad it was helpful! cheers
Hey buddy, I love your content 😻😻😻. I love the way you teach and topic. I need help can you post an exceltype editable grid gallery add update delete etc., in your way. Thank you.
Thank you! and yes that's an awesome idea, I'll add that to a future video!
Me too. First time to use 😂
Fantastic video, I learned an incredible amount from this. I am having 1 issue however. At 18:55 in the video, you enter the If statement into the Menu Component's height property. When I tried it, the component's height property went to 1 and I can't seem to figure out where I went wrong. Any Advice on this? I tried playing around with the "btnSelectMenu"'s OnSelect property where you set your "varMenuOpen" variable, but it doesn't seem to be doing anything :(
Nevermind! With the help of Chatgpt, I discovered my mistake! When I set the "btnSelectMenuHeight" variable , I entered "=" when I should have entered "*". 🤦♂🤦♂🤦♂ Again, thank you. This video was amazing. I'm self taught and throughout this video I discovered a multitude of things I'm doing wrong within my own project. Like not setting variables in the app for my color themes, or taking advantage of variables/tables in general, among many other things. This video showed me that I have so much to learn, especially on when to use Vertical/Horizontal containers, because I currently avoid using them because they felt limiting.
Chat GPT is a great helper with these kinds of things, glad you were able to figure it out! It's awesome to hear you found a lot of value from the video! Power apps is a never ending learning journey because there's so many ways to do things. I hope to give you more tips in future videos, cheers!
I knew this, but the Run on start, thats new to me 😅
Holy what?! Mind blown! Thank you!
it's a game changer!
Great work
Thank you! Cheers!
thanks brother. It helps a lot
Happy to help!
Thanks!
No problem!
Well explained. I’m subscribing your channel, expecting more great videos. Thank you!
Thank you! That’s definitely my goal. Let me know if there’s anything you’re particularly interested in!
you have to know in the same way (windows shortcut) CTRL+D to add to selection the next occurence
Nice that’s a good one!
WOW
Sounds like you’ll be using this from now on!
Fantastic 😊
cheers!
Thank you Nick, nice tip!
You’re very welcome! I definitely use this a lot
is the SVG website safe?
Totally!
Subscribed!
I really appreciate the support!
This is so cool, a lot of work though for a larger form 😅
Thanks! Once you build the component, it becomes easier to apply to other data cards!
@@TheAnalystNikI've not used components much definitely something to look at utilizing more
Hi Nik, Can you please add your component to git repository? I am curious to see if it works with the most recent version 3.24102.17. Any control inserted on top of Gallery is not accessing the THISITEM. I am getting an error "This formula uses scope which is currently not supported for evaluations". Any help would be highly appreciated.
Hi Al, I just checked and it does work with the most recent version you mentioned. I actually have this available for download on buymeacoffee.com/theanalystnik if you would like to support! Cheers
I find many video related according to multilingual in Powerapps But not from scratch with good explanation Please create a multilingual from scratch in Powerapps data from excel please 🎉
thank you for the suggestion, I will try to include this in a future video!
@TheAnalystNik plz make in 10 days
Your videos are great 😮 But you need to also create video Related to technical and industrial hand on issue which are demanding
thank you and you are so right! I'll try to balance UI/UX tips along with business solution examples. Cheers!
Excellent Nick, thanks for sharing mate, your UX UI is top notch!! Cheers
Thank you kindly!
How to insert edit form in topnav botton selected
Do you mean adding a menu item that navigates to a new screen where you have a form?
Nice Video but not working for me. The component is not recognizing the submenu. It is giving an error "This formula uses scope which is currently not supported for evaluations". Do you know what does this message means? Please help. I am not able to get this working. MenuItems = Table( {Id: 1, Name: "Home", Screen: Home}, {Id: 2, Name: "Company", Submenu: Table({Id:2.1, Name:"About Us", Screen: About}, {Id:2.2, Name:"Contact Us", Screen: Contact}, {Id:2.3, Name:"Location", Screen: location1})}, {Id: 3, Name: "Resources", Screen: Resource}, {Id: 4, Name: "Analytics", Submenu: Table({Id:4.1, Name:"Overview", Screen:Overview}, {Id:4.2, Name:"Reports", Screen:Reports})} );
Great video , Awesome ! 10:34 how you change both at the same time
Thank you! I’ll make a short video on that on Monday!
Great, thank you!
Glad it was helpful!
This was super insightful, Nik! Could you do a similar tutorial on creating a grid menu layout component-something with 3 or 4 columns and flexible rows? It’d be awesome to see your take on that!
Glad you liked it! That sounds like an interesting idea, can you give more detail on what you mean by grid menu layout?
@@TheAnalystNik a tile-based menu designed for a clean and organized display of multiple options. uses a grid structure to present items, with each item contained within a uniformly sized tile. typically used in dashboard-like interfaces or navigation panels within apps, providing users with an intuitive way to access different sections or features.
Great video, Nick! In sharepoint you can check 'can add values manually' for choice columns. How would you implement that in power apps? Is it possible to add a recurring text input to your choices component? Best regards, Lukas
Hi Lukas, thank you! I’m not aware of a way to add/remove choice column values on SharePoint via power apps, but there is a way you can still achieve something like this. You would set up a separate SharePoint list for your choices, and then do some patch functions inside your power apps to add and remove choices. Maybe I can do a video on something like this in the future! Cheers
@@TheAnalystNik would be great! thx!
@lukasvolkel6696 If your sharepoint list is set up to allow manual entries, you could add the text input and have that added to your selected collection. If you don't need this new choice to be an added option for other records, then you're good to go ( it will add it to the current record on submit). Otherwise you could create another list to get the choices and update it, as Nik suggested. Or you could get all the records (assuming <2001) and ungroup the multiselect column and combine that with the original list of choices. Then use distinct on that to get all the unique choices for the multiselect collection containing all the original and manually added choices. Assuming you'll never reach 2000 records, this could be an option that would work for you.
@dgjanes917 all great options! Thanks for helping out
Thank You 🥰
You’re welcome!
Where is this Icon Pro Series??
There’s three videos on my channel! Here is Part 1: ua-cam.com/video/HQmty203cn0/v-deo.html
@@TheAnalystNik Thx 🙏🏼 great little info packed vids! Don’t know how I missed them! 🤦🏻♂️
Glad you like them!
The animation is not working for me, anyone ever faced this ?
Does anyone know how to fix it
I posted a comment with the code if you want to try copy paste?
Nick, could you please try doing a complete canvas app with nice modern UI. Regards
Definitely, that will be a big project that I plan to do in the near future! Cheers
@@TheAnalystNik Nice, looking forward man.
See! It's reasons like this that I'm subscribed!
Glad I can deliver value to you!
Awesome Nick, thanks so much!
I appreciate the support Eric!
Many thanks for the great tutorial, it helps enormously.
that's so good to hear! cheers