Canvas App Combobox fill color change

[KhurramJamshed]

Hello,

I have a combobox sitting nicely as gallery column filter dropdown.

My challenge is to change a background color of a combobox when the dropdown values get visible.

In below screen shot i had to change the fill color of combobox to same as fill color of label on which its stacked up, so that it look as part of a column header

but when i click on a chevron and the dropdown value becomes visible, the background fill color of a dropdown values is green as one can expect.

how can i change it to neutral/white when the dropdown values are visible? and then back to green when its not visible?

any ideas will be appriciated.

Thanks.

[eka24]

You can change the fill color to:

RGBA(255, 255, 255, 1) or White

------------

If you like this post, give a Thumbs up. Where it solved your request, Mark it as a Solution to enable other users find it.

[KhurramJamshed]

i wish it could be that simple 🙂

the issue is not that i dont know how to change a color.

I have to change a color (to say grey) when the dropdown values are visible, and then change it to (say green to match the column background color) when it's collapsed. 

[eka24]

Do you have a dropdown in the screenshot you showed, i cant see that.

------------

If you like this post, give a Thumbs up. Where it solved your request, Mark it as a Solution to enable other users find it.

[KhurramJamshed]

thanks for your reply.

in the first screen shot, where you can see a chevron (next to Program) is actually a combobox without border and background fill as Green so that it look as part of a column:

In the second screen shot, when i click on a combobox and the values get displayed is when the background is still green (as expected). but this is when i actually want to set background fill to (Gray or white or etc).

so basically a fill color to be changed when combbox is expanded, and then change it back when its colloapsed.

[v-siky-msft · Accepted solution]

Hi @KhurramJamshed ,

There is no out-of-box property to check if the combo box is being expanded. 

As an alternative workaround, you can try to create a custom Combo box by Textinput box, Gallery and a Down icon.

I have attached the sample app below, please let me know if it works for your case.