• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers

Turn on/off the Next and Back buttons on the skin

New Here ,
Feb 21, 2022 Feb 21, 2022

Copy link to clipboard

Copied

Greetings all!

Is there a way to turn on/off or disable the NEXT and BACK buttons on the skin? I am creating some custom assessment simulations and there are times I do not want the student to be able to go backwards using the BACK button.  I know I can turn those off and create custom buttons, but I would prefer to use the skin objects so as to not interefere with the simulation screens with non-application objects.

THANKS in advance for any assistance.

Cheers Russ

TOPICS
Advanced

Views

53

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Feb 21, 2022 Feb 21, 2022

Copy link to clipboard

Copied

You can only turn them off for all slides, not for individual slides, using Project, Skin Editor. You need custom Next/Back buttons, but you can put them on the first slide timed for the rest of the project. That will allow to hide them with the On Enter event when you don't want them.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Feb 22, 2022 Feb 22, 2022

Copy link to clipboard

Copied

LATEST

You can disable the back and next using the following JavaScript.  On slides where you want the buttons to be disabled, set the slide title(s) to "disable". Execute this JS on slide enter of the first slide in the project.

 

if ( window.cpInfoLastVisitedSlide === 1 )
{
window.cpAPIEventEmitter.addEventListener( 'CPAPI_SLIDEENTER', enterSlide, false );
}

function enterSlide( e )
{
var bck = document.getElementById( 'Backward' );
var fwd = document.getElementById( 'Forward' );

if ( e.Data.lb === "disable" )
{
bck.style.opacity = .5;
bck.style.cursor = 'default';
bck.style.pointerEvents = "none";

fwd.style.opacity = .5;
fwd.style.cursor = 'default';
fwd.style.pointerEvents = "none";
}
else
{
bck.style.opacity = 1;
bck.style.cursor = 'pointer';
bck.style.pointerEvents = "auto";

fwd.style.opacity = 1;
fwd.style.cursor = 'pointer';
fwd.style.pointerEvents = "auto";
}
}

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines