Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by Tejas Shah on Nov 03, 2008 06:38
open dhtmlx forum
DHX Layout, Windows: Some Error

Hi there,
I am getting following error when I try to use dhxLayout. Can you tell me whats the exact problem ?

Image Link: http://img83.imageshack.us/my.php?image=dhxwindowserrorpn2.jpg
Answer posted by Support on Nov 03, 2008 06:48
Hello,

It seems that you're using incorrect skin.
Answer posted by Tejas Shah on Nov 03, 2008 06:54
Hi there,
             I have used DHXLayout v2.0 and all other components like tree, tabbar and windows are of version v1.6, v1.2, v1.0 respectively. Is it because of that ???
Answer posted by Support on Nov 03, 2008 07:14
It seems problem with windows.
What sking are you using? Are you using setSkin() method anywhere in the code in general?
Answer posted by Tejas Shah on Nov 03, 2008 07:18
Hi there,
             I am just including following <link rel="stylesheet" type="text/css" href="./dhtmlxWindows/codebase/skins/dhtmlxwindows_dhx_blue.css">
Answer posted by Support on Nov 03, 2008 07:38
So, and what about setSkin() ?
Answer posted by Tejas Shah on Nov 04, 2008 01:20
Hi there,
Following is my code.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
    <title>DHX Layout with Tree, Tabbar, RTE</title>
    <link rel="stylesheet" type="text/css" href="./codebase/dhtmlxlayout.css">
    <link rel="stylesheet" type="text/css" href="./codebase/skins/dhtmlxlayout_dhx_blue.css">
    <link rel="stylesheet" type="text/css" href="./dhtmlxWindows/codebase/dhtmlxwindows.css">
    <link rel="stylesheet" type="text/css" href="./dhtmlxWindows/codebase/skins/dhtmlxwindows_dhx_blue.css">
    <link rel="stylesheet" type="text/css" href="./dhtmlxTabbar/codebase/dhtmlxtabbar.css">
    <link rel="stylesheet" type="text/css" href="./dhtmlxTabbar/codebase/skins/dhtmlxtabbar_dhx_blue.css">
    <link rel="stylesheet" type="text/css" href="./dhtmlxTree/codebase/dhtmlxtree.css">

    <script src="./codebase/dhtmlxcommon.js"></script>
    <script src="./codebase/dhtmlxlayout.js"></script>
    <script src="./dhtmlxWindows/codebase/dhtmlxwindows.js"></script>
    <script src="./dhtmlxTabbar/codebase/dhtmlxtabbar.js"></script>
    <script src="./dhtmlxTree/codebase/dhtmlxtree.js"></script>
    <!-- TinyMCE -->
<script type="text/javascript" src="./jscripts/tiny_mce/tiny_mce.js"></script>
<script type="text/javascript">
    tinyMCE.init({
        // General options
        mode : "textareas",
        theme : "advanced",
        plugins : "safari,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template",

        // Theme options
        theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect",
        theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
        theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
        theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak",
        theme_advanced_toolbar_location : "top",
        theme_advanced_toolbar_align : "left",
        theme_advanced_statusbar_location : "bottom",
        theme_advanced_resizing : true,

        // Example content CSS (should be your site CSS)
        content_css : "css/content.css",

        // Drop lists for link/image/media/template dialogs
        template_external_list_url : "lists/template_list.js",
        external_link_list_url : "lists/link_list.js",
        external_image_list_url : "lists/image_list.js",
        media_external_list_url : "lists/media_list.js",

        // Replace values for the template plugin
        template_replace_values : {
            username : "Some User",
            staffid : "991234"
        }
    });
</script>
<!-- /TinyMCE -->

</head>
<body>

    <div id="parentId" style="position: relative; top: 50px; left: 100px; width: 680px; height: 450px;"></div>

    <!-- <div id="rteDiv">
    <textarea> </textarea>
    </div> -->

    <script>

        var dhxLayout = new dhtmlXLayoutObject("parentId", "2U");
        
        var dhxTree = dhxLayout.cells("a").attachTree(0);
        dhxTree.setImagePath("./dhtmlxTree/codebase/imgs/csh_vista/");
        dhxTree.loadXML("./tree.xml");

        var dhxTabbar = dhxLayout.cells("b").attachTabbar();
        dhxTabbar.setImagePath("./dhtmlxTabbar/codebase/imgs/");
        dhxTabbar.loadXML("./tabbar.xml");

        //dhxLayout.cells("a").hideHeader();
        dhxLayout.cells("a").setWidth("250");
        dhxLayout.cells("a").setText("DHX Tree");

        dhxLayout.cells("b").setText("DHX Tabbar");

        /*dhxLayout.cells("c").attachObject("rteDiv");
        dhxLayout.cells("c").setHeight("230");
        dhxLayout.cells("c").hideHeader();*/

    </script>

</body>
</html>