<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxform_dhx_skyblue.css">
    <link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxform_dhx_black.css">
    <link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxform_dhx_blue.css">
    <link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxform_dhx_web.css">
    
    <script src="../../codebase/dhtmlxcommon.js"></script>
    <script src="../../codebase/dhtmlxform.js"></script>
    
 
 
    <div style="font-size:11px; font-family: Tahoma;">
        <a href="javascript:void(0);" onclick="dhxList.setSkin('dhx_skyblue');">DHX SkyBlue</a>
        <a href="javascript:void(0);" onclick="dhxList.setSkin('dhx_blue');">DHX Blue</a>
        <a href="javascript:void(0);" onclick="dhxList.setSkin('dhx_black');">DHX Black</a>
        <a href="javascript:void(0);" onclick="dhxList.setSkin('dhx_web');">DHX Web</a>
    </div>
    <br><br>
    <table>
        <tr>
            <td valign="top" width="300"><div id="listObj" style="position: relative;"></div></td>
        </tr>
    </table>
    
    <script>
var dhxList;
function doOnLoad() {
    dhxList = new dhtmlXForm("listObj");
    dhxList.loadStruct("../common/dhxform2.xml?" + new Date().getTime(), function() {
        dhxList.setItemWidth("mydata", "200px");
    });
}</script>