cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
Cweiss
Regular Visitor

multilevel dropdown OR headers within dropdown

Hi there!

 

I am looking for a solution such as this:

 

Cweiss_1-1602717819367.png

where there are "titles" that are not clickable.

 

or a solution like this:

Cweiss_0-1602717682190.png

 

The choices in the dropdown menu will always be the same - it can be hardcoded in.

 

solutions such as where you choose car make in one box then model is filtered in another box is not what I am hoping for. This is because it is best if all options are somewhat visible to the user before making a selection. Previous solutions such as this does not work for me:  https://www.youtube.com/watch?v=DCkBraZZgZI  this is because it is not contained in one dropdown menu.

 

Thank you so much for your help!! 

 

 

 

1 ACCEPTED SOLUTION

Accepted Solutions
Cweiss
Regular Visitor

Well I sort of figured out a solution...

 

I added bullet points in front of the "heading" choices, (these are headings that describe the choices below them)

 

Cweiss_0-1603299505717.png

and when someone tries to choose a title, they get this error:

Cweiss_1-1603299540487.png

I used the column validation feature by setting it up like so:

=NOT(

OR(

[my column] = "• 1. Choice 1", 

[my column] = "• 2. Choice 2",

[my column] = "• 3. Choice 3"

)

)

 

I hope there is an improvement in the future to this, but it shall suffice!

View solution in original post

2 REPLIES 2
Cweiss
Regular Visitor

Well I sort of figured out a solution...

 

I added bullet points in front of the "heading" choices, (these are headings that describe the choices below them)

 

Cweiss_0-1603299505717.png

and when someone tries to choose a title, they get this error:

Cweiss_1-1603299540487.png

I used the column validation feature by setting it up like so:

=NOT(

OR(

[my column] = "• 1. Choice 1", 

[my column] = "• 2. Choice 2",

[my column] = "• 3. Choice 3"

)

)

 

I hope there is an improvement in the future to this, but it shall suffice!

gabibalaban
Dual Super User
Dual Super User

Hi @Cweiss ,

 

Is this a 2 levels Menu ? 

If so, you can achive this using Gallery in Gallery (blank flexible height type). 

In OnStart property of the app set a Collection that keep your menu, something like this: 

ClearCollect(
MyMenu,
{
FirstLevel: "At Home & At Work",
SecondLevel: "Microsoft at home"
},
{
FirstLevel: "At Home & At Work",
SecondLevel: "Microsoft at work"
},
{
FirstLevel: "At Home & At Work",
SecondLevel: "Microsoft anywere"
},
{
FirstLevel: "For IT Pro",
SecondLevel: "TechNet"
},
{
FirstLevel: "For IT Pro",
SecondLevel: "TechCenter"
}
)

Insert a Gallery (will call it - Parent)  and inside it another Gallery (will call it - Child).

Set the parent gallery Items property to:  GroupBy(MyMenu,"FirstLevel","Result") and also insert a Label with Text property to ThisItem.FirstLevel

Set the child gallery Items property to ThisItem.Result  and also insert a Label with Text property to ThisItem.SecondLevel.

Entertaining right 🤣...

This was the easy part ... now we have to set the height of the ChildGallery to:

CountRows(ThisItem.Result)*ChildGallery.TemplateHeight 

and the TemplateSize of the ParentGallery to:

Label.Height+ChildGallery.Height

Don't forget to set TemplatePadding to both Galleries to 0.

The result should look like:

1.PNG

The action is ready to be seted in ChildGallery.OnSelect.

Enjoy it !

And hope it helps !

 

 

Helpful resources

Announcements
PA Virtual Workshop Carousel 768x460.png

Register for a Free Workshop

This training provides practical hands-on experience in creating Power Apps solutions in a full-day of instructor-led App creation workshop.

PWREduCon768x460.png

Join us at PWR EduCon - A Power Platform Conference

Learn from the top Power BI, Power Apps, Power Automate & Power Virtual Agents experts!

Top Solution Authors
Top Kudoed Authors
Users online (3,464)