Start Building Professional
Web Apps Today

Basic dhtmlxWindow question

I have used many of the dhtmlx controls so am not a novice at this sort of thing.
But I simply cannot get the new dhtmlxWindow to work.

My window doesn't appear where I want it (doesn't matter what I specify for left and top coords).
The buttons appear in the top right hand corner of the page, completely detached from the window.
The title doesn't show.
I cannot drag the window.
Something is definitely wrong but I cannot work out what.
Please help.

Here is my very basic javascript which I'm calling on the onload event of the page:

var dhxWins = new dhtmlXWindows();
dhxWins.setImagePath("dhtmlxWindows/imgs/");
dhxWins.setSkin("web");
var win = dhxWins.createWindow("MyWin", 100, 100, 200, 300);
win.setText("New Window Text");

What am I doing wrong?

If problem occurs only in FF it may be caused by the height of document.body - by default viewport equals to the height of the document.body , which may be zero or less than visible screen in FF
You can try to add
<style>
       html, body{
             height:100%;
       }
</style>

Unfortunately , the problem can't be reconstructed locally. If it still occurs for you - please send any kind of the sample where it can be reconstructed.

Thanks for the suggestion.

I've now found out it was something much more simple and thought it worth replying to let others know who might as been as stupid as me!!

You need to make sure you include the main stylesheet "dhtmlxwindows.css" as well as your skinned stylesheet "dhtmlxwindows_web.css"

Without the main stylesheet, you get some very weird results!!