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
Power Platform Conf 2022 768x460.jpg

Join us for Microsoft Power Platform Conference

The first Microsoft-sponsored Power Platform Conference is coming in September. 100+ speakers, 150+ sessions, and what's new and next for Power Platform.

Power Platform Call June 2022 768x460.png

Power Platform Community Call

Join us for the next call on June 15, 2022 at 8am PDT.

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.

PA.JPG

New Release Planning Portal (Preview)

Check out our new release planning portal, an interactive way to plan and prepare for upcoming features in Power Platform.

Top Solution Authors
Top Kudoed Authors
Users online (1,836)