This is a migrated thread and some comments may be shown as answers.

RTL treeview drag and drop problem

3 Answers 35 Views
TreeView
This is a migrated thread and some comments may be shown as answers.
Arash
Top achievements
Rank 1
Arash asked on 16 Dec 2018, 12:14 PM

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

 

 

3 Answers, 1 is accepted

Sort by
0
Marin Bratanov
Telerik team
answered on 18 Dec 2018, 06:01 PM
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.
0
Arash
Top achievements
Rank 1
answered on 23 Dec 2018, 06:30 AM

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

0
Accepted
Marin Bratanov
Telerik team
answered on 23 Dec 2018, 10:15 AM
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.
Tags
TreeView
Asked by
Arash
Top achievements
Rank 1
Answers by
Marin Bratanov
Telerik team
Arash
Top achievements
Rank 1
Share this question
or