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

Drag and Drop in Circular Div target area

1 Answer 306 Views
Drag and Drop
This is a migrated thread and some comments may be shown as answers.
prince
Top achievements
Rank 1
prince asked on 12 Nov 2013, 10:19 AM
Drag from listview and drop in  Circular target area (maybe using SVG etc it can be achieved)
I tried using CSS circle border-radius:50% but it just shows circle div , but actually its a rectangular div.

I am searching the solution from several days in your forum and other stackoverflow forums, but couldn't find solution for complete circular div area for drop (Using Drag and Drop)

Please let me know whether it is possible or not ?
If you want more detail of my question then I can create a jsfiddle for it.

1 Answer, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 13 Nov 2013, 11:25 AM
Hi Prince,

Drop targets with large rounded corners work as expected on my side - I can drop only inside the area, not on the area, which is just outside the rounded corners. In case the drop target is an element inside the <div> with the rounded corners, then try setting overflow:hidden to that <div>, so that the drop target does not overflow.

You can experiment with the following demo by increasing the border radius via the browser's DOM inspector:

http://demos.kendoui.com/web/dragdrop/index.html

If your case is too different and the above information is not relevant, please provide a runnable demo.

Regards,
Dimo
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Tags
Drag and Drop
Asked by
prince
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Share this question
or