Drag and drop course builder

Question

1.00/5 (1 vote)

See more:

Hi guys.
I want some ideas how to create a drag and drop course builder with ASP.NET
is my graduation project
basically the general idea about the project is to create an online Html web page.
that can be a very helpful tool for professors and students.

Example : https://i.imgur.com/CEM7lcu.png

so any ideas or reference that can i start with ?
and how i can integrate component like (Text, Image ...) in html web page with drag and drop ?
Thank you a lot guys.

What I have tried:

a lot of searching with no result.

Posted 9-Feb-19 8:57am

THEO DREAK

Updated 14-Mar-21 7:55am

Add a Solution

Comments

F-ES Sitecore 9-Feb-19 16:37pm

If you don't know how to get started and you've searched and haven't managed to find anything that explains how to do drag and drop then the task is probably beyond you. What you're effectively doing is WYSIWG page editor, or CMS (content management system).

THEO DREAK 9-Feb-19 17:27pm

Thank you your quick replay :)
I find some example made with java-script framework but is not helpful in my case because I had to create the project with ASP .NET
and my knowledge about this kind of project is not enough.
that way i need your help guys

2 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)

Richard MacCutchan · Answer 1 · 2019-02-09T23:39:00

Solution 1

You use Javascript to write the drag and drop part of the project. See HTML5 Drag and Drop[^].

Posted 9-Feb-19 23:39pm

Richard MacCutchan

Comments

THEO DREAK 10-Feb-19 10:53am

Thank for your replay
but the problem is how to structure gradable elements in canvas to html web page.

Richard MacCutchan 10-Feb-19 12:20pm

Try this: HTML Drag and Drop API - Web APIs | MDN[^].

Member 15100712 · Answer 2 · 2021-03-15T06:13:00

FYI I am not a spammer. I only commented like what twice? I am a coder googling for something related and happened to chance upon this community. The reports and unaccounted for strikes against me just isn't fair. Whatever happened to the more solutions the better? My account with email hippypaddie@protonmail.com was closed for reasons claiming im a spammer that don't care about date of post. Come on now. How would I know that would be an issue. if date of post was such an issue then why would you open the comments section for us to comment? Such authoritarian way of dealing with newcomers is just sad. Either your way of dealing with spam is highly flawed or I'm just not worthy of being part of your group. With covid and what not going around, why are you people doing these kinds of things on another fellow coder who is just trying to participate?