DHTMLX Docs & Samples Explorer

### Skins

DHX SkyBlue DHX Blue DHX Black DHX Web

Source

    <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>