Start Building Professional
Web Apps Today

Drag Tree

Hi,

As I can send the name of the dragged item (Tree) to front.

My problem, I have:
<div>
<div id="frame" style="position:absolute;left:2px;top:2px;width:240px;height:240px;border:2px outset #eeeeee;background: url('http://localhost:80/VerumWEB20X/imgs/transparentpixel.gif');visibility:hidden;"></div>
<div id="titlebar" style="text-align:center;position:absolute;border:none;background:url('http://localhost:80/VerumWEB20X/imgs/transparentpixel.gif');overflow:hidden;visibility:hidden;"><span style="position:relative;left:2px;top:2px;padding:0px;color:white;font-weight:bold;font-size:11px;font-family:Verdana,Geneva,sans-serif;"> Explorer</span></div>
<div id="clientarea" style="position:absolute;border:2px inset #cccccc;background:white;overflow:auto;visibility:hidden;">
<div id="tree_box"> </div>
</div>

If id="clientarea" with background=url('http://localhost:80/VerumWEB20X/imgs/transparentpixel.gif')
The name of item is visible, when dragged, except on the area of id="frame and id="titlebar".

If id="clientarea" with background=white
The name of item is visible, when dragged, only out of the area (div).

Some idea.

Best regards,

CHW

The problem can be caused by z-index order , because you have absolutely positioned elements on the page - the zIndex of dragged one must be greater than any other element on the page
zIndex of dragged element can be adjusted in dhtmlxtree.css

.dragSpanDiv,.dragSpanDiv td{    
    z-index:10;
    font-size : 12px;
    background-color:white; }