i need to develop drag and drop control UI in asp.net

Question

0.00/5 (No votes)

See more:

SQL

i want to make a asp.net page in which you have few controls. you can drag and drop controls to the div and also set the position in the div and save the div in database and recall it whenever you want. i need to know how this will work? how to save the position of controls.. etc ![enter image description here][1]


http://i.stack.imgur.com/nE0aT.jpg

something like i have showed in image

Posted 16-Feb-14 18:05pm

Member 9254839

Add a Solution

3 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Amol Jadhao · Answer 1 · 2014-02-16T18:58:00

Solution 1

please check below links..
http://www.aspdotnet-suresh.com/2012/09/simple-jquery-drag-and-drop-div-example.html[^]
http://jqueryui.com/draggable/[^]
http://www.aspdotnet-suresh.com/2012/10/12-best-jquery-drag-and-drop-plugin.html[^]

Posted 16-Feb-14 18:58pm

Amol Jadhao

JoCodes · Answer 2 · 2014-02-16T19:29:00

Solution 2

Refer

http://msdn.microsoft.com/en-us/magazine/cc135985.aspx#S1[^]

Drag and Drop with Persistence using JQuery[^]

Posted 16-Feb-14 19:29pm

JoCodes

Roozbeh Maheronnaghsh · Answer 3 · 2014-02-16T20:54:00

You have 2 solution.The first is to use "JQuery" + "Jquery UI (Drag & Drop Features)" in your webpage.This solution is the user friendly one but it is a little complicated for developers that don't have enough information about JQuery, also you have to handle saving last UI changes in DB yourself.You can collect information about JQuery UI in the following links:

http://jqueryui.com

The second solution is the easiest one by using Microsoft asp.net Web Parts controls in conjunction with asp.net membership management.It can save UI state of any user automatically and you don't need to write any code for that.For more information visit this tutorial in MSDN:

http://msdn.microsoft.com/en-us/library/e0s9t4ck.aspx[^]