Multiple Questions Quiz next issue

Hi All,

I have stubled upon an UI issue that at the moment do not know how  to solve. We are creating a course that will contain multiple Modules (quizes). Each Module (Quiz) contains several H5P interactive elements such as Presentation / Drag Drop / etc...

The issue appears with Presentation as visitors gets confused what to press button "next" or next slide.... (see image attached)


Is there any way how we could do that "Next" button will become only available one the all the Slides have been look thorugh / completed....

Thank you for any advise you can give to me,


falcon's picture

It's not possible to configure this but it is possible to solve this using code.

If you use the H5P drupal api you may add css for coursepresentation using hook_h5p_styles_alter to hide the quiz next button. Add the css using drupal_add_css. You don't want to change the H5P css array, you want to add css to the top frame to alter the button belonging to quiz.

Similarly you add js from the same function that listens for the H5P xAPI event 'completed'. Something like this:

H5P.externalDispatcher.on('xAPI', function(event) {
  if (event.getVerb() === 'completed') {
    // Display the next button..

Thank you for suggestions.... will dig into the code and make it happen....

Cheers for quick repsonse.