cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Highlighted
gavinleung
Level 8

Designing a screen like this

hi folks, 

 

Would anyone help to provide some idea on how to create a screen like this:

 

iPhone.jpg

 

Thanks,

Gavin

1 ACCEPTED SOLUTION

Accepted Solutions
Community Support Team
Community Support Team

Re: Designing a screen like this

Hi @gavinleung ,

Within the Gallery control, you could add some child Label controls, then use these Label controls to display multiple column values from your data source. But within List Box, you could only display single one column value from your data source.

 

In addition, using Gallery control, you could also configure it as a Edit Data Table, so you could edit your data source records within the Gallery directly. Please check the following article or video for more details:

https://powerapps.microsoft.com/en-us/blog/editable-tables/

https://www.youtube.com/watch?v=O2WqhRTUhyw

 

Best regards,

Community Support Team _ Kris Dai
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

View solution in original post

6 REPLIES 6

Re: Designing a screen like this

I am not sure of the exact business requirements however I am asuming that there are two components. Top grid contains the static options and bottom will filter based on the options selected.

Top component type can be a list control in PowerApps binded to a static datatable.

Bottom can be a gallary control which is binded with a datatable - however on selection of top component you will filter the datatabel and you will get the desired result.

 

Hope this helps

Pranav

gavinleung
Level 8

Re: Designing a screen like this

Thanks @Pranav_Shroti . I'm building a task management app. And now I'm trying to mimic this meeting invitation screen for my app. The reason is that it is not feasible to use the out-of-the-box Calendar control as per my company's policy. So I need to build something similar for the users to create recurring tasks. 

 

I am using a List Box for the above. My plan is to group labels for the bottom part. With this, I'm struggling to toggle the bottom groups (i grouped the controls for Daily, Weekly, Monthly, and Yearly). Any idea ? 

 

I think I wouldn't be the first one creating a task scheduler ... but i yet to hear any experience from the folks in this community. 

Re: Designing a screen like this

Well if you think you are the first then do create it as a component and share it on PowerApps community site.

 

To solve your problum, perhaps you can create small components (group of controls) and then apply a custom visibility property which maps to individual control in component. This way you dont have to deal with indivudual show hide.

 

Hope this helps,

Pranav

Community Support Team
Community Support Team

Re: Designing a screen like this

Hi @gavinleung ,

Based on the needs that you mentioned, I think the Gallery control could achieve your needs.

 

On your side, you could consider add a Gallery control within a PowerApps app, set the Items proeprty to following:

["None", "Daily", "Weekly", "Monthly", "Yearly"]

then within your Gallery, add a Check icon, set the Visible property of the Check icon to following:

If(ThisItem.IsSelected, true, false)

Afte that, you could consider add two Dropdown controls/ComboBox controls within your app to act as Interval picker and Until picker. You could consider control the Display content within the Dropdown controls/ComboBox controls based on the selected item in above Gallery (using If function).

 

Best regards,

Community Support Team _ Kris Dai
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.
gavinleung
Level 8

Re: Designing a screen like this

Thanks @v-xida-msft , what's the benefits using Gallery against a List Box on the above part ? 

Community Support Team
Community Support Team

Re: Designing a screen like this

Hi @gavinleung ,

Within the Gallery control, you could add some child Label controls, then use these Label controls to display multiple column values from your data source. But within List Box, you could only display single one column value from your data source.

 

In addition, using Gallery control, you could also configure it as a Edit Data Table, so you could edit your data source records within the Gallery directly. Please check the following article or video for more details:

https://powerapps.microsoft.com/en-us/blog/editable-tables/

https://www.youtube.com/watch?v=O2WqhRTUhyw

 

Best regards,

Community Support Team _ Kris Dai
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

View solution in original post

Helpful resources

Announcements
Better Together’ Contest Finalists Announced!

'Better Together’ Contest Finalists Announced!

Congrats to the finalists of our ‘Better Together’-themed T-shirt design contest! Click for the top entries.

thirdimage

Power Apps Community User Group Member Badge

Fill out a quick form to claim your user group badge now!

sixthImage

Join THE global Microsoft Power Platform event series

Attend for two days of expert-led learning and innovation on topics like AI and Analytics, powered by Dynamic Communities

Power Platform 2019 release wave 2 plan

Power Platform 2019 release wave 2 plan

Features releasing from October 2019 through March 2020

thirdimage

Microsoft Business Applications Virtual Launch

Join us for the Microsoft Business Applications Virtual Launch Event on Thursday, April 2, 2020, at 8:00 AM PST.

thirdimage

Community Summit North America

Innovate, Collaborate, Grow - The top training and networking event across the globe for Microsoft Business Applications

Top Solution Authors
Top Kudoed Authors
Users online (8,153)