Hi There,
I have a requirement where I need the Drag and Drop Functionality from a DataList to DataGrid.
Now when we do a drag drop from Grid to Grid there is a little Dashed line which shows up on the Target Grid which gives the user an idea about where the control is going to be placed.
But when we do the same thing, I mean dragging a control from DataList and Droping it on DataGrid, I am not able to see that Dashed Line.
I tried to figure out and I think this is possible if we tweak the javascript functions that handle this drag drop, to show a dashed line. But this approach needs some extra programming efforts.
Is there any simple solution to achive this? I went through all the demos and I could not find one which actually shows how this is done.
Thanks
I have a requirement where I need the Drag and Drop Functionality from a DataList to DataGrid.
Now when we do a drag drop from Grid to Grid there is a little Dashed line which shows up on the Target Grid which gives the user an idea about where the control is going to be placed.
But when we do the same thing, I mean dragging a control from DataList and Droping it on DataGrid, I am not able to see that Dashed Line.
I tried to figure out and I think this is possible if we tweak the javascript functions that handle this drag drop, to show a dashed line. But this approach needs some extra programming efforts.
Is there any simple solution to achive this? I went through all the demos and I could not find one which actually shows how this is done.
Thanks
4 Answers, 1 is accepted
0
Nilesh
Top achievements
Rank 1
Rank 1
answered on 18 Oct 2011, 02:53 PM
Is the Question confusing? Cause I am still waiting for a response!
0
Hello Nilesh,
Perhaps you use a custom CSS and you do not correctly style the GridItemDropIndicator. Also it is possible the problem to become from z-index or position:relative on one of the HTML elements. I recommend you to take advantage of web tools like Firebug for Firefox / IE developer tool. Shortcut F12 activates both and with them it is very easy to inspect the elements and see the styles that they have. After inspecting the element styles you can add or edit their rules.
If the problem persists could you send a small running project that we can use to reproduce the case.
Regards,
Galin
the Telerik team
Perhaps you use a custom CSS and you do not correctly style the GridItemDropIndicator. Also it is possible the problem to become from z-index or position:relative on one of the HTML elements. I recommend you to take advantage of web tools like Firebug for Firefox / IE developer tool. Shortcut F12 activates both and with them it is very easy to inspect the elements and see the styles that they have. After inspecting the element styles you can add or edit their rules.
If the problem persists could you send a small running project that we can use to reproduce the case.
Regards,
Galin
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
0
Nilesh
Top achievements
Rank 1
Rank 1
answered on 21 Oct 2011, 12:57 PM
Hello Galin,
Thank you for your reply. I got this working, but I am stuck in another problem.
The Grid has multiple sections which can be expanded/collapsed.
When the control is dropped I send an ajax request(this is fired automatically on ItemDropp event of list view) which pops-up a small rad window which provides a text box in which the user can specify the label text that they want for the new Control. Once the user saves the text I have to add it in the particular section that it was dropped on.
When I drag a control say a Checkbox from the RadListView and Drop it on the RadGrid, I do get the destinationElement, but not able to figure out the section it was dropped in.
In addition to that I also want to drop the element at a particular position inside the section.
Ex: If User drags a control on the RadGrid -> Section 1-> Row 2
I want to place that control at RadGrid->Section 1-> Row 1
Is this doable?
This is really urgent and I got to fix this in a couple of days. So could you help me out ASAP?
Thanks In advance.
Thank you for your reply. I got this working, but I am stuck in another problem.
The Grid has multiple sections which can be expanded/collapsed.
When the control is dropped I send an ajax request(this is fired automatically on ItemDropp event of list view) which pops-up a small rad window which provides a text box in which the user can specify the label text that they want for the new Control. Once the user saves the text I have to add it in the particular section that it was dropped on.
When I drag a control say a Checkbox from the RadListView and Drop it on the RadGrid, I do get the destinationElement, but not able to figure out the section it was dropped in.
In addition to that I also want to drop the element at a particular position inside the section.
Ex: If User drags a control on the RadGrid -> Section 1-> Row 2
I want to place that control at RadGrid->Section 1-> Row 1
Is this doable?
This is really urgent and I got to fix this in a couple of days. So could you help me out ASAP?
Thanks In advance.
0
Hello Nilesh,
I am glad my solution helps you.
About this new issues: I would appreciate it, if you could isolate the problem in a small running project so that I can debug/examine it locally.
All the best,
Galin
the Telerik team
I am glad my solution helps you.
About this new issues: I would appreciate it, if you could isolate the problem in a small running project so that I can debug/examine it locally.
All the best,
Galin
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now