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

grid drop zone

2 Answers 83 Views
Grid
This is a migrated thread and some comments may be shown as answers.
moegal
Top achievements
Rank 1
moegal asked on 02 Jun 2013, 02:06 PM
I am trying to drag and drop from one grid to another.  I have 2 visual issues I would like to improve.

1. Can I make the drop zone in an empty grid be larger then a single dotted line?

2. I do not need to know if the row is dropped above or before a row, can I make the whole grid appear as the drop zone?

I have attached a mock up

Marty


2 Answers, 1 is accepted

Sort by
0
Kostadin
Telerik team
answered on 05 Jun 2013, 01:25 PM
Hi Marty,

A possible solution is to hook onmouseover and onmouseout events of the target grid and set an outline. Check out the following JavaScript code snippet.
var showDotted = false;
                function mouseOver(sender, args) {
                    if (showDotted) {
                        sender.style.outline = "2px dotted #333333";
                    }
                }
 
                function OnRowDragStarted(sender) {
                    showDotted = true
                }
 
                function mouseOut(sender, args) {
                    if (showDotted) {
                        sender.style.outline = "";
                    }
                }

Note this is only a visual and you will still need to place your items in your MasterTableView.

Regards,
Kostadin
Telerik
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
moegal
Top achievements
Rank 1
answered on 05 Jun 2013, 05:12 PM
Kostadin,

thanks I will give it a try.  I was hoping there was a way to expand the actual drop zone though.

Thanks, Marty
Tags
Grid
Asked by
moegal
Top achievements
Rank 1
Answers by
Kostadin
Telerik team
moegal
Top achievements
Rank 1
Share this question
or