Can toolbar background color be changed?

Webix JS
1

I’m trying to change the toolbar background color using the code below. Can the toolbar background be changed?

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" style="height:100%;">
<head>
    <title>Webix DukeWorks Web</title>
    <link rel="stylesheet" href="codebase/webix.css" type="text/css"/>
    <script type="text/javascript" src="Script/jquery-1.8.2.js"></script>
    <script type="text/javascript" src="codebase/webix.js"></script>
    <script type="text/javascript">

    </script>
    <style>
        body, html {
            height: 100%;
        }
        .MenuBack {
            background-color:black;
        }
    </style>
</head>
<body style="height:100%;">
    <script type="text/javascript">
        webix.ready(function () {
            webix.ui.fullScreen();
            webix.ui({
                type: "line",
                rows: [
                    {
                        view: "toolbar", css: "MenuBack" , elements: [
                        ]
                    },
                    { cols: [
                            { template: "Column 1", css: "MenuBack" },
                            { template: "Column 2" },
                        ]
                    }
                ]
            })
        })
    </script>
</body>
</html>
2

Hi,

toolbar already have “background” property in its styles. So, you should also define this property instead of background-color:

.MenuBack {
        background:black;
}