Start Building Professional
Web Apps Today

Window title bar appear opaque

Hi,

I am using dhtmlxWindows 1.0 and when I create a window, the window title bar (where it supposed to be colored) is opaque. The min/max/close and window icon buttons are found, and the left/right images for the theme are found, but the color itself is missing. My code is as follows:

<%-- Dhtmlx lib --%>
<link rel="stylesheet" type="text/css" href="../dhtmlx/dhtmlxwindows.css">
<link rel="stylesheet" type="text/css" href="../dhtmlx/dhtmlxgrid.css">
<link rel="stylesheet" type="text/css" href="../dhtmlx/skins/dhtmlxwindows_standard.css">
<script src="../dhtmlx/dhtmlxcommon.js"></script>
<script src="../dhtmlx/dhtmlxwindows.js"></script>
<script src="../dhtmlx/dhtmlxcommon.js"></script>
<script src="../dhtmlx/dhtmlxgrid.js"></script>        
<script src="../dhtmlx/dhtmlxgridcell.js"></script>    
<script src="../dhtmlx/dhtmlxgrid_start.js"></script>
<%-- End Dhtmlx Libs --%>

    function editQuestion(id){
        var url="/DataCall/question/getQuestion.action?id="+ id
        var dhxWins = new dhtmlXWindows();
        dhxWins.setImagePath("../dhtmlx/imgs/");
        var questionWindow = dhxWins.createWindow("questionDialogWindow", 100, 100, 440, 440);
        questionWindow.setText("Question");
        questionWindow.setModal(true);
        questionWindow.center();
        questionWindow.attachURL(url);
    
    }

What am I doing wrong? I would think if I have one of the paths incorrect, the min/max/close images would be missing. Any help would be appreciated.

Thanks in advance,
MG

The header and other images defined in css file by relative paths , so if you changed the location of image folder - you need to change the related paths in CSS

All other in your code are correct.
If problem still occurs for you - please send any kind of sample where issue can be reconstructed

I'll be sure to double check the relative paths again, although I've done that.

FWIW, I cannot get any of the controls to work with Safari 3.1 (current release) although your site says the controls are compatible with Safari. Are you working on updating the controls for compatibility with Safari 3.1?

Thanks in advance,
 MG

I've included a screen grab of the problem in my previous post so you can see if you think this is still a relative path problem.

Thanks,

MG

I've rechecked the paths, and I am 99.9% sure that is not the problem. I even changed the path to an absolute path as follows:

<%-- Dhtmlx lib --%>
<link rel="stylesheet" type="text/css" href="/DataCall/dhtmlx/dhtmlxwindows.css">
<link rel="stylesheet" type="text/css" href="/DataCall/dhtmlx/skins/dhtmlxwindows_standard.css">
<link rel="stylesheet" type="text/css" href="/DataCall/dhtmlx/dhtmlxgrid.css">

<script  src="/DataCall/dhtmlx/dhtmlxcommon.js"></script>
<script  src="/DataCall/dhtmlx/dhtmlxwindows.js"></script>
<script  src="/DataCall/dhtmlx/dhtmlxcommon.js"></script>
<script  src="/DataCall/dhtmlx/dhtmlxgrid.js"></script>       
<script  src="/DataCall/dhtmlx/dhtmlxgridcell.js"></script>   
<script  src="/DataCall/dhtmlx/dhtmlxgrid_start.js"></script>
<%-- End Dhtmlx Libs --%>

The problem persists. Please advise?

MG

For what its worth, I re-read your message about the relative path references from the CSS files to the image directory.

I didn't get that the first time. So, I went back and double checked it. As far as I can see, the relative directory structure in my web application is the same as the samples. The skins and imgs directories are peer levels, so when the skins/dhtmlxwindows_standard.css file references:

 background-image: url("../imgs/standard/active/btns_default/btn_minmax1.gif");

The relative reference ../imgs/... is correct. The images for the buttons all appear, its the color for the header that does not. Please see my previous post for a screen shot of what is happening.

I have attached a screen grab of my project web directory so you may see how the files are organized.

Thanks in advance,

MG

Ok, after a bit more testing, I am submitting this is a problem related to FireFox. I am using FF 2.0.0.14 for the Mac (current Version).  I downloaded the current version of Opera (9.2.7) and tested with it.  The problem does not manifest in Opera.  Should this be submitted as a defect?

MG

There were an issue specific for FF on some Linux-based OS.
Please check the solution in next thread ( last posts )

              http://dhtmlx.com/docs/products/kb/index.shtml?cat=search&page=1&q=2442&ssr=yes&s=linux

If problem still occurs for you - please send the dhtmlxwindow.css file which you are using now.

Also, latest version of css file attached to this post, you may try to use it as well.

Hi,

Thanks for the quick responses.  Unfortunately, neither suggested worked.  I first tried replacing the css file with the one you sent.  Same result.  I then added the classes you suggested as per the post: http://dhtmlx.com/docs/products/kb/index.shtml?cat=search&page=1&q=2442&ssr=yes&s=linux

Same result.

I am running OS X 10.4.11.  The strange thing is that if I put together a .html file and browse it, the file works fine. Images show up correctly. If use basically the same source in a my Java Web app (.JSP) based, then the problem appears -- but only with FF, not with Opera.  The page is being served from JBoss 4.2.2-GA, JVM version is 1.5.0.07 -- not sure if that matters to you.

Attached is the css file you requested me to send back if your fixes didn't work.

Thanks in advance,

MG

Please check attached sample, it was tested with FF2 on MacOS and works correctly.
It uses the same css file as in your case