RadTreeView problem with backcolor and EnableDragAndDropBetweenNodes

5 posts, 0 answers
  1. Raha
    Raha avatar
    3 posts
    Member since:
    May 2011

    Posted 26 May 2011 Link to this post

    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
  2. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 26 May 2011 Link to this post

    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

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

  3. Raha
    Raha avatar
    3 posts
    Member since:
    May 2011

    Posted 30 May 2011 Link to this post

    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

  4. Kate
    Admin
    Kate avatar
    1898 posts

    Posted 31 May 2011 Link to this post

    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

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

  5. Raha
    Raha avatar
    3 posts
    Member since:
    May 2011

    Posted 01 Jun 2011 Link to this post

    Hi Kate,

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

    Best Wishes,
    Raha
Back to Top