Server Side Response

    (function() {
        webix.ready(function() {
            webix.ui({
                view: "window",
                id: "window",
                autowidth: true,
                height: window.innerHeight - 10,
                position: "center",
                modal: true,
                animate: {
                    slide: "in",
                    direction: "top"
                },
                head: {
                    view: "toolbar",
                    margin: -4,
                    cols: [{
                        view: "label",
                        label: "Form Details"
                    }, {
                        click: "$$('window').close();"
                    }, ]
                },
                body: {
                    view: "scrollview",
                    scroll: "y",
                    height: window.innerHeight - 50,
                    body: {
                        rows: [{
                            view: "form",
                            margin: 0,
                            padding: 0,
                            autoheight: true,
                            elementsConfig: {
                                labelPosition: "top",
                            },
                            elements: [{
                                view: "accordion",
                                id: "window_items",
                                multi: true,
                                margin: 0,
                                rows: [{
                                    header: "When",
                                    view: "accordionitem",
                                    css: "accordionitem-header",
                                    body: {
                                        cols: [{
                                            view: "combo",
                                            label: "Label 1",
                                            id: "label_1_combo",
                                            options: []
                                        }, {
                                            view: "combo",
                                            label: "Label 2",
                                            id: "label_2_combo",
                                            options: []
                                        }, {
                                            view: "combo",
                                            label: "Label 3",
                                            id: "label_3_combo",
                                            options: []
                                        }]
                                    },
                                }],
                            }, {
                                view: "toolbar",
                                css: "footer_toolbar",
                                cols: [{}, {
                                    view: "button",
                                    value: "Save",
                                    id: "button_save",
                                    width: 150
                                }, {
                                    view: "button",
                                    value: "Cancel",
                                    id: "button_cancel",
                                    width: 150,
                                    align: "right"
                                }]
                            }]
                        }]
                    }
                }
            }).show();
        });
    })();