Hi,
I am working on treeview drag and drop node. In my tree structure i am displaying a gear image at each node with mouse move event. Problem is when we drag a node then a small portion of the image also display while dragging node (image 1) that does not look good.
In image 2 i have show my node structure where i am having span with 80% width that is causing problem during drag and drop. If i change my span with to 100% then small portion of image does not display during drag and drop but gear icon drop down at mouse move as shown in image 3.
<div style="width:100%; min-height:22px; overflow:hidden">
<span style="float:left;font-family:Arial;font-weight:bold;font-size:13px; width: 80%">
<%# DataBinder.Eval(Container, "Text") %>
</span>
<img class="treeGear" src="../img/gearsgreybtn.png" alt="Options" width="38px" height="22px" />
</div>
Could any one please help? Any help will be appriciated.
I am working on treeview drag and drop node. In my tree structure i am displaying a gear image at each node with mouse move event. Problem is when we drag a node then a small portion of the image also display while dragging node (image 1) that does not look good.
In image 2 i have show my node structure where i am having span with 80% width that is causing problem during drag and drop. If i change my span with to 100% then small portion of image does not display during drag and drop but gear icon drop down at mouse move as shown in image 3.
<div style="width:100%; min-height:22px; overflow:hidden">
<span style="float:left;font-family:Arial;font-weight:bold;font-size:13px; width: 80%">
<%# DataBinder.Eval(Container, "Text") %>
</span>
<img class="treeGear" src="../img/gearsgreybtn.png" alt="Options" width="38px" height="22px" />
</div>
Could any one please help? Any help will be appriciated.