Hi,

it's great. I love it! 

Already dowloaded but stil waiting for future upgrade!

Thanks

Missed this post the first time around, but just had a quick look at your demo, and would like to say - good job! Don't think I've seen an example of drag and drop behaviour in any Adapt components so far.

One thing to watch: you've used quite a few _.each loops. We've recently found that this can have a big impact on performance in old browsers (IE8 & IE9 specifically), as underscore has a load of extra function calls that fire for every each loop. See https://github.com/adaptlearning/adapt_framework/issues/507 for more info, and some related performance tests here http://jsperf.com/underscore-each-versus-for-loop

In most cases, using _.each should be perfectly acceptable, but we've taken to being very cautious after this find, so it may be something worth testing :)

Amazing! Great work Kevin!

Is it Authoring tool compatible?

Hi Kevin,

Love the component, looks awesome and works well, but I am having an issue where even when I get the question right it is marking it as wrong... I have changed anything from the example.json and the model answer doesn't change my answers. I'm pretty good with the alphabet and I'm positive that A is before B and so on. 

If I Paste the code in here could you have a look over it for me and see if I'm being stupid or not.

Many Thanks

{
"_id": "c-148",
"_parentId": "b-106",
"_type":"component",
"_component":"dragdrop",
"_classes":"",
"_layout":"full",
"_attempts": 2,
"_questionWeight":10,
"title": "Drag & Drop Component",
"displayTitle": "Drag & Drop Component",
"body": "",
"instruction":"Drag the items below into the correct slots. ",
"_buttons":{
"submit":"Submit",
"reset":"Reset",
"showCorrectAnswer":"Model Answer",
"hideCorrectAnswer":"Your Answer"
},
"_feedback": {
"correct": "This feedback will appear if you answered the question correctly.",
"_incorrect": {
"notFinal": "This feedback will appear if you answered part of the question correctly.",
"final": "This feedback will appear if you answered the question incorrectly."
},
"_partlyCorrect": {
"notFinal": "This feedback will appear if you answered part of the question correctly.",
"final": "This feedback will appear if you answered part of the question correctly."
}
},
"_background" : "<div class='bg-item bg-item-1'><p>What is the letter before 'B'?</p></div><div class='bg-item bg-item-2'>Which letter is after 'A'?</div><div class='bg-item bg-item-3'>Which letter is after 'B'?</div>",
"_draggableItems": [
{
"id" : "draggerA",
"class":"draggable-01",
"innerBody" : "<div>A</div>"
},
{
"id" : "draggerB",
"class":"draggable-01",
"innerBody" : "<div>B</div>"
},
{
"id" : "draggerC",
"class":"draggable-01",
"innerBody" : "<div>C</div>"
}
],
"_items": [
{
"id":"dropperA",
"class":"dropzone-01",
"innerBody": "",
"_accepted": [
{
"id": "draggerA",
"_isCorrect": true
},
{
"id": "draggerB",
"_isCorrect": false
},
{
"id": "draggerC",
"_isCorrect": false
}
]
},
{
"id":"dropperB",
"class":"dropzone-01",
"innerBody": "",
"_accepted": [
{
"id": "draggerA",
"_isCorrect": false
},
{
"id": "draggerB",
"_isCorrect": true
},
{
"id": "draggerC",
"_isCorrect": false
}
]
},
{
"id":"dropperC",
"class":"dropzone-01",
"innerBody": "",
"_accepted": [
{
"id": "draggerA",
"_isCorrect": false
},
{
"id": "draggerB",
"_isCorrect": false
},
{
"id": "draggerC",
"_isCorrect": true
}
]
}
],
"_pageLevelProgress": {
"_isEnabled": true
}
},