css

the name of a CSS class(es) applied to the control group

string css;

Example

<style>
    .my_first_class {
        /*some styles*/
    }
 
    .my_second_class {
        /*some styles*/
    }
 
    .my_third_class {
        /*some styles*/
    }
 
</style>
 
var form = new dhx.Form("form_container", {
    css:"my_first_class my_second_class",  // Css classes for rows    rows: [
        { 
            css: ".my_third_class",  // the CSS class for cols            cols: [{
                type: "checkbox",
                label: "start",
                name: "align",
                gravity: false,
                labelInline: true,
                value: "start",
                checked: true
            },
            {
                type: "checkbox",
                label: "center",
                gravity: false,
                name: "align",
                labelInline: true,
                value: "center"
            }]
        }
    ]
});

Related samples

Details

The DHTMLX library provides a set of CSS classes that you can apply to change appearance of Form.

var form = new dhx.Form("form_container", {
    css:"dhx_widget--bg_white"
});

List of CSS classes

dhx_widget--bg_white Sets white background to a widget
dhx_widget--bg_gray Sets gray background to a widget
dhx_widget--bordered Sets borders on all sides of a widget
dhx_widget--border_top Sets a border on the top side of a widget
dhx_widget--border_bottom Sets a border on the bottom side of a widget
dhx_widget--border_left Sets a border on the left side of a widget
dhx_widget--border_right Sets a border on the right side of a widget
dhx_widget--border-shadow Adds a shadow border to a widget
dhx_widget--no-border_top Removes the top border of a widget
dhx_widget--no-border_bottom Removes the bottom border of a widget
dhx_widget--no-border_right Removes the right border of a widget
dhx_widget--no-border_left Removes the left border of a widget
See also
Back to top