multilevel dropdown OR headers within dropdown

[Cweiss]

Hi there!

I am looking for a solution such as this:

where there are "titles" that are not clickable.

or a solution like this:

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!! 

[Cweiss · Accepted solution]

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)

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

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]

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:

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

Enjoy it !

And hope it helps !