ui.combo

Webix JS
1

Hello!

I am using an ui.combo to display some infos but the text is a bit more bigger than the width of screen, so I want to change the font size so everything would fit. The problem is that i don’t know exactly where should I change this css.

I tried to change the .webix_list_item class, and the text is smaller when the list of elements appear, but when I select one item the text gets back to it’s initial size.
I tried to add a css class to ui.combo component, but changing there the font leads to absolutely no change.

Any hints please?

2

Hello,

you can set additional className for the list that is inside Combo suggest. Here is the possible solution:

http://webix.com/snippet/2ede38fb

3

Thanks but that I managed to do too.

My problem is after selecting an option, for example in your snippet, i click on ‘option 1’, and once it is selected (only ‘option 1’ is visible and appears in the select box) it still has a bigger font.

4

You can apply the same styling for combo input:

http://webix.com/snippet/9926834d

But I’m not sure whether it is a good solution to use different font sizes for form controls. Possibly, you would prefer to use text-overflow for the input:

http://webix.com/snippet/bf6180a1