css

the name of the CSS class or the object with styles that will be applied to the view container

string|object css;

Example

webix.ui({
    view:"button", value:"Delete",
    css:"webix_danger"
});

Related samples

Details

Buttons have four defined classes for coloring:

  • webix_secondary light-grey or blue (depends on the skin, default)
  • webix_primary turquoise or green
  • webix_danger red
  • webix_transparent transparent (takes the color of the parent widget)

You can also set your own classes and styles:

webix.ui({
    view:"button", value:"Delete",
    css:"my_danger_style"
});
 
webix.ui({
    view:"button", value:"Delete",
    css:{ "background-color": "magenta" }
});

Note that styles will be applied to the container rather than the button directly.

See also
  • Articles
  • Back to top