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
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:
- ensure you are using the latest version of UI for ASP.NET AJAX
- 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
- modify my sample to showcase the problem and send it back to me so I can investigate
Regards,
Marin Bratanov
Progress Telerik
Rank 1
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
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