💬
Get Help
AS
Ahmed Sleiman

No Option to Change Dropdown Color on Selection

Widgets & Design

Hello everyone!

I'm currently building an app similar to an e-commerce platform, and I'm now working on adding filters to help users narrow down the products they're interested in. I'm using dropdowns (as shown in Images 1 & 2) to filter the list, and functionally, everything is working great.

However, I noticed something: when I select a value—for example, choosing "Mobiles" from the "Type" dropdown—the background color of the dropdown doesn’t change. The component’s color remains the same, and I couldn’t find any built-in option in FlutterFlow to change the dropdown's background or highlight color based on selection.

Has anyone found a workaround or a creative way to apply conditional styling to the dropdown once a selection is made?

Related Documentation: https://docs.flutterflow.io/resources/forms/dropdown/

Image 1: No filter applied

Image 2: User chose "Mobiles" from the "Type" dropdown

What have you tried so far?

I tried using App State variables to handle the dropdown color change. While it does work, I found it a bit difficult to maintain for the following reasons:

  • You need to create a separate state variable for each dropdown.

  • You have to set up actions to change the color when a selection is made.

  • You also need to add actions to reset the color when the selection is removed, when navigating back, or in other scenarios.

It quickly becomes complex and hard to manage, especially if you have multiple dropdowns.

Did you check FlutterFlow's Documentation for this topic?
Yes