RadTreeView problem with backcolor and EnableDragAndDropBetweenNodes

[Raha]

Hi,

I have a treeview which want to have a background color for it. this treeview has EnableDragAndDrop="True" EnableDragAndDropBetweenNodes="true" attributes.

<telerik:RadTreeView ID="RadTreeView1" runat="server" EnableDragAndDrop="True" OnNodeDrop="RadTreeView1_HandleDrop"
EnableDragAndDropBetweenNodes="true"  BackColor="White"     >

treeview without BackColor work correctly but when i set BackColor then the Line which show position of Drag And Drop Between Nodes  will be disappear. the Line go to the back of BackColor.

how can i fix this problem???

Thanks
Raha

[Kate]

Hi Raha,

I tested your scenario but I can not get the appearance of the RadTreeView that you describe. Please see the attached sample page and image. Can you please specify the version of the controls that you are using?

All the best,
Kate
the Telerik team

[Raha]

Hi Kate,

I find the reason of problem. The problem was from a Div tag with this style "z-index: 2; position: relative". This Div was ancestor of Treeview. If z-index was higher than zero then this problem will happen.

I change your sample that cause this problem now:

<div style="position:relative; z-index:1;">
    <telerik:RadTreeView ID="RadTreeView1" runat="server"
        BackColor="Red"
        EnableDragAndDropBetweenNodes="true" EnableDragAndDrop="true">
        <Nodes>
            <telerik:RadTreeNode Text="node1">
                <Nodes>
                    <telerik:RadTreeNode Text="node1">
                    </telerik:RadTreeNode>
                    <telerik:RadTreeNode Text="node2">
                    </telerik:RadTreeNode>
                    <telerik:RadTreeNode Text="node3">
                    </telerik:RadTreeNode>
                </Nodes>
            </telerik:RadTreeNode>
            <telerik:RadTreeNode Text="node2">
                <Nodes>
                    <telerik:RadTreeNode Text="node1">
                    </telerik:RadTreeNode>
                    <telerik:RadTreeNode Text="node2">
                    </telerik:RadTreeNode>
                    <telerik:RadTreeNode Text="node3">
                    </telerik:RadTreeNode>
                </Nodes>
            </telerik:RadTreeNode>
            <telerik:RadTreeNode Text="node3">
            </telerik:RadTreeNode>
        </Nodes>
    </telerik:RadTreeView>
</div>

 

Best Regards,

Raha

[Kate]

Hi Raha,

I am not quite sure that I completely understand if you still encounter the issue or you managed to resolve it yourself?

Greetings,
Kate
the Telerik team

[Raha]

Hi Kate,

I Solve it by removing z-index but this is a Treeview bug.

Best Wishes,
Raha