Query Builder CSS

QueryBuilder combines features of List, Button, Richselect and Text. On this page, you can find specific QueryBuilder classes.

Webix Query Builder basic use

CSS class Element
.webix_qb_wrap the area for the query builder controls
.webix_qb_add_rule the button for adding a rule
.webix_qb_add_group the button for adding a group
.webix_qb_add the container for the buttons
.webix_qb_close the container for the 'delete' button
.webix_icon.wxi-trash the icon of the 'delete' button
.webix_qb_rule_select the control for rule selection
.webix_qb_line the container for inputs of the builder
.webix_qb_value_select the control for value selection
.webix_qb_or the 'or' tab of the group control in the unselected state
.webix_qb_and the 'and' tab of the group control in the unselected state
.webix_active the group control in the selected state
.webix_qb_buttons the whole 'group' control

Read more about Query Builder

Back to top