Hi Guys,
I am using Outsystems version 10
Is there any better way to customize the combo box "Option" CSS?
It looks like this.
But I wanted like this.
Any better way?
Hi Sudhakar Dantanala,
If I understood your question. I think You need to customize the class of the list available option. The Cambo Box create one class .select when you change the attribute background-color, for example, this property changes all Combo Box. So you need create the class .select option{ background-color: white; } to change only the list of options.
Hope I helped you.
I created a document to explain step by step (Attachment).
It's not just changing the background color of an option.
Also requires the following:
1. Padding
2. Borderbottom
3. on hover need to change the background color to grey
4. Need to add an icon 'Right tick' mark as show below for the selected option.
5. Also the icon 'up-arrow' (Just besides the 'Company Name' has to be make it to down arrow when the drop down is closed and 'up-arrow' when it is opened
You can't do that with a regular combobox. You need a custom markup to be able to tweak the styles the way you want it. Have you tried customizing select2 widget?