Problem: How to change the 'combo' style

Site and Services
1

Hello,
can I change the ‘combo’ style?
I need to see the normal ‘combo’ component in a form in ‘selection mode’ and the same combo in ‘readonly mode’, but without the borders and the list down icon.

Can I change the combo in a label without have 2 components?

Thanks,
Daniele Franceschini

2

Hello,

You can use Dev Tools of your browse to get information about css rules applied to html elements. These rules can be redefined.

For example to remove combo border you can apply the following:

input[type=“combo”] {
border: none !important;
}

or

.webix_el_combo input {
border: none !important;
}

3

ok thanks!
How can I hide the combo down arrow?
Which is its property?

Thanks

4

Check

http://webix.com/snippet/1ed734c1

5

But how can I apply the both changes at the same time?

Thanks!

6

You can combine both styles

http://webix.com/snippet/4aa331cb

7

Thanks

8

Another question, how can I remove the new css style applied to return original?

For example with a button click i need to change mode to read (no combo down arrow) and to alter mode (with combo down arrow)

Thanks!

9

You can add or remove css class at any moment of time

  webix.html.removeCss($$("c1").$view, "mystyle");
  $$("c1").refresh();

http://webix.com/snippet/d9c168ad

10

perfect
Thanks!