UI5 Drop Down list Icon color

[vinodkumar_thangavel]

Hi Experts,

I have a drop down list and its working fine as per the below code , Can you please let me know how to set the Icon color in the drop down list ?

Thanks & Regards,

Vinodkumar.

[leonikussmaul · Accepted solution]

Hi Vinodkumar,

As far as I know, you will need to use CSS for this.

You can try adding a customData aggregation for your ListItem and set the property writeToDom="true". I have bound the status property of a JsonModel to the value property via expression binding so that the color would change accordingly. For more complex color coding, you can use a custom formatter.

view.xml

<core:customData>
<core:CustomData key="IconColor" value="{= ${IconModel>status} ? 'green' : 'red'}" writeToDom="true"/>
</core:customData>

style.css

[data-IconColor="red"]{
color:red;
}
[data-IconColor="green"]{
color:green;
}

Let me know if this worked.

[former_member674455 · Accepted solution]

Additional Information: https://stackoverflow.com/questions/62660869/sap-m-select-with-listitems-using-colored-icons