RTL treeview drag and drop problem

4 posts, 1 answers
  1. Arash
    Arash avatar
    4 posts
    Member since:
    Oct 2016

    Posted 16 Dec 2018 Link to this post

    hi

    I'm using radtreeview  for my page and i set treeview direction " right to left"

    i want to be able to drag a node and drop it under another node

    but the problem is when i set tree direction right to left my grabbed ( selected) node disappears and page width keep growing

    i don't have this problem when i set tree direction to left to right

    does telerik support treeview drag and drop for rtl treeview ?

    this is the code that i'm using

    <div style="direction:rtl;">
    <telerik:RadTreeView PersistLoadOnDemandNodes="true" runat="server"                             ID="rtvTables" EnableDragAndDrop="True" ClientIDMode="AutoID"                             OnClientNodeExpanded="onTreeViewExpanded"                             OnClientNodePopulating="nodePopulating"                             OnClientNodeDropping="onClientNodeDropped"  
                                OnClientContextMenuShowing="OnClientContextMenuShowing"                             OnClientNodeDragStart="OnClientNodeDragStart">                             <WebServiceSettings Path="frmReporting.aspx" Method="OnNodeExpanded">                             </WebServiceSettings>                             <%--   <WebServiceSettings Path="Services/frmReporting.asmx" Method="OnNodeExpanded">
                                        </WebServiceSettings>    --%>                         </telerik:RadTreeView>

    </div>

     

     

    thank you

     

     

  2. Marin Bratanov
    Admin
    Marin Bratanov avatar
    5070 posts

    Posted 18 Dec 2018 Link to this post

    Hi Arash,

    There are no known issues with that, yet just in case you can try setting the direction of the entire page to rtl, because the dragged node appears as a <div> that is the last child of the <body> element to show the visual dragging queue.

    I am also attaching a small sample page that seems to work fine for me with the latest version so you can compare against it.

    If this does not help you resolve the issue, you can try the following:

    1. ensure you are using the latest version of UI for ASP.NET AJAX
    2. review the following article on common CSS rules that cause problems with absolutely positioned elements like a dragged node: https://www.telerik.com/support/kb/aspnet-ajax/details/incorrect-positioning-of-controls
    3. modify my sample to showcase the problem and send it back to me so I can investigate

     


    Regards,
    Marin Bratanov
    Progress Telerik
    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
  3. Arash
    Arash avatar
    4 posts
    Member since:
    Oct 2016

    Posted 23 Dec 2018 in reply to Marin Bratanov Link to this post

    hi Marin.

    thank you for your response. in your example, TreeView doesn't have a "width" property. and if i set width to "100%" my problem appears.i think i can resolve this by changing the container div width.but if you have a more better solution please share it with me.

     

    thank you

  4. Answer
    Marin Bratanov
    Admin
    Marin Bratanov avatar
    5070 posts

    Posted 23 Dec 2018 Link to this post

    Hello Arash,

    The treeview does not support fluid design (that is, Width=100%) - see Table 1 in the following article: https://docs.telerik.com/devtools/aspnet-ajax/mobile-support/responsive,-adaptive-and-elastic-capabilities

    Thus, the solution of creating the page layout through its parent element dimensions is valid and is the correct approach.


    Regards,
    Marin Bratanov
    Progress Telerik
    Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Back to Top