dhtmlxLayout display blank screen

I’m trying to create a page with “3T” layout format. Here is my code.

    <!-- dhtmlxLayout -->
    <link rel="stylesheet" type="text/css" href="dhtmlx/dhtmlxLayout/codebase/dhtmlxlayout.css">
    <link rel="stylesheet" type="text/css" href="dhtmlx/dhtmlxLayout/codebase/skins/dhtmlxlayout_dhx_blue.css">
    <script src="dhtmlx/dhtmlxLayout/codebase/dhtmlxcommon.js"></script>
    <script src="dhtmlx/dhtmlxLayout/codebase/dhtmlxcontainer.js"></script>
    <script src="dhtmlx/dhtmlxLayout/codebase/dhtmlxlayout.js"></script>
  <style>
        html, body {
                  width: 100%;
                  height: 100%;
                  margin: 0px;
                  overflow: hidden;
          }
  </style>
  <script>
          var dhxLayout;
          dhtmlxEvent(window,"load",function(){
              dhxLayout = new dhtmlXLayoutObject(document.body, "3T", "dhx_black");
          })
   </script>

What I get as an output quite weird, it just display blank screen with alphabet a, b and c. Is there anything that I missed in my code?

This is my screenshot.

You have included css file for “dhx_blue” skin, but the layout skin is “dhx_black”

dhxLayout = new dhtmlXLayoutObject(document.body, “3T”, "dhx_black");

So, you should either change css file or skin.

tq, it works now.