It can be done by implementing a custom ComboListCellRenderer.
Example:
# Run once at initialization
# Preview mode has to be active prior to opening the window for this event to occur in the designer
if event.propertyName == 'componentRunning' and event.newValue:
from com.inductiveautomation.plaf import ComboListCellRenderer
# Create a custom cell renderer implementation for coloring the dropdown rows
class ColorCellRenderer(ComboListCellRenderer):
def getListCellRendererComponent(self, list, value, index, isSelected, cellHasFocus):
ComboListCellRenderer.getListCellRendererComponent(self, list, value, index, isSelected, cellHasFocus)
# active row highlight
if cellHasFocus or isSelected:
self.background = event.source.selectionBackground
self.foreground = event.source.foreground
# conditional coloring
elif index != -1:
online = event.source.data.getValueAt(index, 'Online')
self.background = system.gui.color('green') if online else system.gui.color('red')
self.foreground = system.gui.color('white') if online else system.gui.color('yellow')
return self
# Repalce the dropdown's stock renderer with an instance of the custom implementation
event.source.setRenderer(ColorCellRenderer())
Result:
Here are some other forum examples for reference:
• Listbox Foreground-or Background Dynamic Color Change via Python
• A color picker component for Vision
• Change the background and icon color of the Dropdown Component's button