Creating Nested Galleries in Power Apps. (Parent-Child Relationship)

 This is another most common scenario where in client has two parent child lists or any two lists having a common SharePoint column. And clients wishes to have a relationship on the PowerApps screen where in when he/she selects a particular lets say Program in our example. All the respective Projects following that Projects are shown.

In such a scenario we can leverage nested galleries.


So what we do in here is we add two galleries on our Power App screen.

For Programs gallery the Left one on the screenshot above, we connect it to the Programs list


For Second gallery we will connect it to the Projects list. But this is where the magic happens. Here we use Filter () function.


So what we do in here is we set the Program's column value in Project's list equal to the Selected Program of left Gallery. i.e. the gallery connected to my Program's list.


A more complex version of the same is where you inset the nested gallery inside your parent gallery.



In this too everything remains the same except that here we leverage ThisItem instead of Gallery.Selected as the nested gallery remains inside the parent gallery.

So in the above case your items property for nested gallery becomes like. below.

Filter(Projects, Programs.Value = ThisItem.Title).

You can also play around and make the nested Gallery height as dynamic with the below formula

If(CountRows(ProjectsGallery.AllItems) > 0, CountRows(ProjectsGallery.AllItems) * 100,0)

So if you have 4 items the length of your nested gallery is dynamically increased.




happy Smashing.

Comments

Post a Comment

Popular posts from this blog

How to reset a datepicker control in PowerApps?

Image
 Scenario: Simple reset a date picker control. Issue, you can't use normal Reset() function to reset the datepicker control. Solution: Simple create a variable Set(varResetCD, True) and use this variable to update the reset property of DatePicker control. The below Reset() won't work in case of datepicker control We need to create a variable and use it at the Reset property of the datepicker control. Also, if you still see some text inside your date field there are two other places you need to check in one is the datepicker control advanced properties. In the above screenshot all you need to do is clear InputTextPlaceholder. And then select the control and check the DefaultDate property of the date.  This should be set to Today(), you can also change it to something like below If(varResetCD,Blank(),Today()) What this does is sets the control to blank if the variable you have declared above is true. 
Read more

Reset () function failing to work on Edit form for Combo boxes in Power App.

Image
 Hi Good day, Today we have a very interesting scenario. We have a cascading dropdowns on our Power App screen. The flow for these dropdowns is that a user selects the Division, and a list of Business units containing the selected Division is popped down in your Business Unit dropdown. Now to make it user friendly, we have on change code written on each dropdown. So that if the user decides to change the Division dropdown, the Business Unit dropdown is reset. Please remember in here we are talking in regarding to New Form. On Resetting the above Division combo box, since we have written the Reset function code on Change property of the Division Combo box.   Reset(ddBU);Reset(ddBPI);Reset(ddTeams). The above becomes Up till here everything is hunky dory. This is the classic case of how the Reset() function should behave. But that's not, when you move from new form to Edit form.   The Reset function behaves weirdly. It is able to reset the cascading dropdown values like above. But i
Read more