How to change order of options within in-app Filter

[coastal]

I have an in-app filter in which High, Medium, and Low are the options. However, the filter displays them in alphabetical order: High, Low, Medium. How can I fix it so that it displays them in the logical order: High, Medium, Low?

[tuzin]

As far as I know, there is no way to manipulate that. You can create a custom filter though to set it up as you’d like

[coastal]

Thank you, Tuzin. I do not know how to set up a custom filter to do that, and I cannot find documentation about how to do it. Can you help me get started, or is there documentation I can read?

[tuzin]

I’ve explained it in detail in some other post. You can try to find it yourself or give me a minute to find it

[tuzin]

There you go

Rollup of current in-app filter selection

The built-in filter wouldn’t work for this one. You need to create a custom filter. The best UI/UX practice from my experience for the case is the following: Make it work: 1.1. Create a column per every parameter that the collection is filtered by in the user profile table; 1.2. Add a title action for the collection and make it open up a new screen for the current user’s profile as a slide-in screen (or overlay); 1.3. In that new screen you need to add all the input components that will w…

[coastal]

Thank you very much!

[nathanaelb]

Hi @coastal.

Creating a custom filter as Tuzin suggests is an option, though it might be overkill if you do prefer using the native in-app filter.

You could create an additional template column to add a number to the high-medium-low options to impose an alphabetical order. It’s not the most elegant, but it might do for your use case.

Option	Option Alphabetical
High	1. High
Medium	2. Medium
Low	3. Low

Option Alphabetical would be a template column that would use the values in the Option column. Now configure the in-app filter along the Option Alphabetical column.

[coastal]

Thanks Nathanaelb. I found that the custom filter was overkill for my purposes and ended up doing something similar to what you suggested. Instead of numbers, I added a colored circle emoji for each option: red for High, orange for Medium, yellow for Low. I discovered that the in-app filter by default displays these in the order that I wanted. I am not sure why it does, but I guess it puts the colors in order based on the ROYGBIV spectrum. Just a lucky coincidence that works for my purposes.

[nathanaelb]

Luck is part of it, thanks for sharing, that’s a nice trick.

[tuzin]

That’s awesome! Something that you would never come up with when you’re too experienced and are used to firing on all cylinders
Thank you for the trick!

[coastal]

I’m sure the info that you provided will be useful for a future project. I am very new to Glide, and I’m going to create a sandbox app where I can try using the custom filters. Thanks again!