Type: "header" in the metro skin is not displayed.

hello, hello, I am a beginner in HTML5/JS.
I have a problem to display the header kind in the metro model.
It normally appears in other models, except in the metro model.

someone can help me please .

<!DOCTYPE HTML>
<html>
    <head>
    <link rel="stylesheet" href="codebase/webix.css" type="text/css"> 
    <link rel="stylesheet" href="codebase/skins/metro.css" type="text/css"> 
    <script src="webix/webix.js" type="text/javascript"></script>  
    <script src="webix/windows.js" type="text/javascript"></script>  
    </head>
    <body>
      <script type="text/javascript" charset="utf-8">
		webix.ui({
		rows:[
		{ type:"header", template:"My App!" }   // in the metro skin he did not appear.
		]
		})
	</script>

Thank you!

The “header” section have the same color as header of accordion. In case of metro skin - it is white http://webix.com/snippet/77175713

You code is valid, you can add type:“space” to the top level layout, to make the header more visible.

yes! you’re absolutely right! thank you very much for your help!