how can i make the dialog boxes stay longer in a drag and drop slide

[rsramiro]

I developed a drag and drop slide and has an infinite attempt attribute. Because it is infinite, when i submit, the correct or wrong dialog boxes display for about 3 seconds then disappears. (too fast).

My boss wanted it to display and stay there until a new action is clicked. on a failure dialog, once he clicked the reset button (a reset button is displayed) or on an correct dialog, it is the forward to next slide button.

I can do the dialog boxes stay longer but only on limited attempts or make I can make an attempt infinite then the dialog boxes has a time limit in displaying. How can I do both?

[rsramiro]

I tried adjusting the limit on the timing area but no amount off reset will erase it unless it reach the amount of time to be displayed... PLEASE HELP

[TLCMediaDesign]

Is this HTML5?

I had a script somewhere that did this, I'll try to find it. We ended up not using it for some reason.

[rsramiro]

TLCMediaDesign wrote:

Is this HTML5?

I had a script somewhere that did this, I'll try to find it. We ended up not using it for some reason.

Gee ThanksI hope you find it so I can see if it helps.

[TLCMediaDesign · Accepted solution]

I found the script. There is a caveat that the failure shape or caption cannot have a transition (no fade in or fade out. The script checks to see if you are on a DD slide and checks if you are using shapes or captions for the failure. Set the Feedback to display for 100 seconds or so, the longer the safer.

The script assume you have a Submit and a Reset button on the slide and also puts a hand cursor on each. The feedback is hidden when the Reset button is clicked

Put this script in the head of the HTML page just under the first <script> tag:

var interfaceObj, eventEmitterObj;

window.addEventListener( 'moduleReadyEvent', function ( e )
{
interfaceObj = e.Data;
eventEmitterObj = interfaceObj.getEventEmitter();
initializeEventListeners();
});

function initializeEventListeners()
{
if ( interfaceObj )
{
     if ( eventEmitterObj )
  {
         eventEmitterObj.addEventListener( 'CPAPI_SLIDEENTER', function ( e )
   {        
    var thisElem;
   
    for ( var key in cp.model.data )
    {
     if ( cp.model.data.hasOwnProperty( key ) )
     {
      if ( key.indexOf( 'Interaction_' ) != - 1 )
      {
       for ( var i = 0; i < e.Data.si.length; i++ )
       {     
        cp.model.data[ e.Data.si[ i ].n ]
               
        if ( cp.model.data[ e.Data.si[ i ].n + 'c' ].accstr.indexOf( 'Submit' ) != -1 )
        {
         document.getElementById( e.Data.si[ i ].n ).style.cursor = 'pointer';
        }
       
        if ( cp.model.data[ e.Data.si[ i ].n + "c" ].accstr.indexOf( 'Reset' ) != -1 )
        {
         ddReset = document.getElementById( e.Data.si[ i ].n )
         ddReset.style.cursor = 'pointer';
         ddReset.addEventListener( 'click', function()
         {
          for ( var i = 0; i < e.Data.si.length; i++ )
          {
           if ( e.Data.si[ i ].n.indexOf( 'Failure_Caption' ) != -1 )
           {
            thisElem = e.Data.si[ i ].n;
            cp.hide( thisElem  );
            break;
           }
          
           if ( e.Data.si[ i ].n.indexOf( 'Failure_Shape' ) != -1 )
           {
            thisElem = e.Data.si[ i ].n;
            cp.hide( thisElem  );
            break;
           }
          }
        
         });
        }     
       }
       break;
      }     
     }
    }   
            });
  }
}
}

[rsramiro]

TLCMediaDesign wrote:

I found the script. There is a caveat that the failure shape or caption cannot have a transition (no fade in or fade out. The script checks to see if you are on a DD slide and checks if you are using shapes or captions for the failure. Set the Feedback to display for 100 seconds or so, the longer the safer.

The script assume you have a Submit and a Reset button on the slide and also puts a hand cursor on each. The feedback is hidden when the Reset button is clicked

Put this script in the head of the HTML page just under the first <script> tag:

var interfaceObj, eventEmitterObj;

window.addEventListener( 'moduleReadyEvent', function ( e )
{
interfaceObj = e.Data;
eventEmitterObj = interfaceObj.getEventEmitter();
initializeEventListeners();
});

function initializeEventListeners()
{
if ( interfaceObj )
{
if ( eventEmitterObj )
{
eventEmitterObj.addEventListener( 'CPAPI_SLIDEENTER', function ( e )
{
var thisElem;

for ( var key in cp.model.data )
{
if ( cp.model.data.hasOwnProperty( key ) )
{
if ( key.indexOf( 'Interaction_' ) != - 1 )
{
for ( var i = 0; i < e.Data.si.length; i++ )
{
cp.model.data[ e.Data.si[ i ].n ]

if ( cp.model.data[ e.Data.si[ i ].n + 'c' ].accstr.indexOf( 'Submit' ) != -1 )
{
document.getElementById( e.Data.si[ i ].n ).style.cursor = 'pointer';
}

if ( cp.model.data[ e.Data.si[ i ].n + "c" ].accstr.indexOf( 'Reset' ) != -1 )
{
ddReset = document.getElementById( e.Data.si[ i ].n )
ddReset.style.cursor = 'pointer';
ddReset.addEventListener( 'click', function()
{
for ( var i = 0; i < e.Data.si.length; i++ )
{
if ( e.Data.si[ i ].n.indexOf( 'Failure_Caption' ) != -1 )
{
thisElem = e.Data.si[ i ].n;
cp.hide( thisElem );
break;
}

if ( e.Data.si[ i ].n.indexOf( 'Failure_Shape' ) != -1 )
{
thisElem = e.Data.si[ i ].n;
cp.hide( thisElem );
break;
}
}

});
}
}
break;
}
}
}
});
}
}
}

So do I only put this script after I publish the captivate file and it had generated an HTML?

[TLCMediaDesign]

Yes you can put it in after publishing or you can put it in the HTML template or as JS file and include it in the template.

The template index file is here:

C:\Program Files\Adobe\Adobe Captivate 9x 64\HTML\index.html

You can put a JS file here:

C:\Program Files\Adobe\Adobe Captivate 9x 64\HTML\assets\js\yourJSFileName.js

If you include a JS file, add this in the index.html just above the <script> tag:

<script src="assets/js/yourJSFileName.js"></script>

[rsramiro]

TLCMediaDesign wrote:

Yes you can put it in after publishing or you can put it in the HTML template or as JS file and include it in the template.

The template index file is here:

C:\Program Files\Adobe\Adobe Captivate 9x 64\HTML\index.html

You can put a JS file here:

C:\Program Files\Adobe\Adobe Captivate 9x 64\HTML\assets\js\yourJSFileName.js

If you include a JS file, add this in the index.html just above the <script> tag:

<script src="assets/js/yourJSFileName.js"></script>

Ah... okay. So it only affects my course only when I publish and inserted it. During the development, after a preview, i can't see it in action?

[TLCMediaDesign]

If you put the script in the template file, you will see it work when previewing using F11 as it actually publishes.

[rsramiro]

TLCMediaDesign wrote:

If you put the script in the template file, you will see it work when previewing using F11 as it actually publishes.

Thanks TLCMediaDesign​

It works!

[Paul Wilson CTDP]

I create my own captions for my on success and on failure actions of a drag and drop. I did a video about it if you would like to consider my method.

Better Drag & Drop Captions for YourAdobe Captivate eLearning

[rsramiro]

pbdw1969 wrote:

I create my own captions for my on success and on failure actions of a drag and drop. I did a video about it if you would like to consider my method.

Better Drag & Drop Captions for YourAdobe Captivate eLearning

thanks. will look at it later if in case this is the one

[Lilybiri]

Can you explain  your work flow to change timing?

What do you mean by remain until another 'action' is done? Maybe use screenshots to see the present setup, do not forget the timeline panel.

YYou can use object actions, preferably shared actions, to use custom text containers (shapes or captions) but that will require more details as well: if you show a custom text container, it will remain visible until you hide it again. This happens even when you return to that slide. You did not tell if the D&D is configured as a question slide or not? Behaviour is different: Question slide will keep the drag actions done by user when returning, non-question slide will not.

In your question you do not mention which version you are using, CP9 has InBuilt states, do you use them?

[rsramiro]

Lilybiri wrote:

Can you explain your work flow to change timing?

What do you mean by remain until another 'action' is done? Maybe use screenshots to see the present setup, do not forget the timeline panel.

YYou can use object actions, preferably shared actions, to use custom text containers (shapes or captions) but that will require more details as well: if you show a custom text container, it will remain visible until you hide it again. This happens even when you return to that slide. You did not tell if the D&D is configured as a question slide or not? Behaviour is different: Question slide will keep the drag actions done by user when returning, non-question slide will not.

In your question you do not mention which version you are using, CP9 has InBuilt states, do you use them?

if the dialog screen shows up, it is nice if it would stay indefinitely unless i click something (it can be "reset"). Due to some confidentiality issues, I am afraid I can't have it screenshot, sorry.

Reporting (include in Quiz) is not checked (if it helps).The D&D suppose to be not reporting as a quiz. it supposed to be not configured as a quiz. so i am a little bit puzzled that when i returned back to this slide it is already answered (it is nice if every time i go to this slide, i can repeat this exercise.

I am using CP9 so can you walk me through an answer whether it be as an object action? a shared action? a custom text container? BuiltIn states?