H5P Content types

Submitted by divya.srinivas on Thu, 02/22/2018 - 01:31
Forums: 
Content creation

Hi,

We have H5P installed in our Moodle Test instance. However, we did encounter an issue while trying to embed Quiz(Question Set) into Moodle page and Labels. We have created the content using the Quiz Question set, after creating I have embedded it in the label . After clicking on "Start" quiz the page doesn't move forward. This is the same when I embed using "Page" activity.

I have tested this with other components and it works fine for example: I have embedded Memory game into the label.

Further we found out that this issue is related to the "question set" package and how it has been generated. Since, in the CSS part of the package that responsible for presenting the slides,there is a "hidden" attribute that cause the package not playing properly:

<div class="questionset hidden started">     

.questionset.hidden { display: none; } .hidden { display: none;
     visibility: hidden; }So based on what we have mentioned above,  this matter needs to be considered by those responsible for packaging the Question Set and set the attribute properly. 

I was trying to create a content Quiz (Question Set) from h5p.org, cant find this in the content type. Looks like not all content types are available in h5p.org.

Could you please make it available so that we can create our content here.

Regards,

Divya

Content types: 
Quiz (Question Set)
BV52's picture

BV52

Thu, 02/22/2018 - 06:48

Hi divya,

Thank you for the information that you provided.

To gain access to all content types please visit the Access All Content Types page.

-BV52

divya.srinivas

Thu, 02/22/2018 - 23:05

Thanks! I was able to access all the content types.

I aslo asked about Quiz(Question Set) not working when used as an embed in Moodle page and Label. Could you please let us know if this is the issue? or it is not intended to be used as an embed. All other content types can be embed and works seamlesley. We want to use H5P in our production, however with this issue we are unable to proceed. Could you please advice.

BV52's picture

BV52

Fri, 02/23/2018 - 06:47

Hi divya,

I'm sorry I misunderstood your first statement. But anyway I am unable to reproduce the issue that you described. Can you please provide the information below in order to give your bug report the best chance of getting answered:

  1. Detailed steps to reproduce the bug (exactly how and when did it happen)
  2. Platform and version number. E.g. Drupal, Wordpress, Moodle.
  3. Mobile or Desktop
  4. Browser: Chrome, Firefox, Safari etc
  5. H5P plugin version
  6. H5P content type and version (if a content type was used), and a sample URL or attached H5P.
  7. Any browser console errors
  8. Any PHP errors
  9. Screenshots if it's a visual problem

The more information you provide, the quicker the community will be able to fix it and the quicker you'll have a working solution!

-BV52

 

divya.srinivas

Mon, 02/26/2018 - 02:34

/* Style Definitions */ table.MsoNormalTable {mso-style-name:"Table Normal"; mso-tstyle-rowband-size:0; mso-tstyle-colband-size:0; mso-style-noshow:yes; mso-style-priority:99; mso-style-parent:""; mso-padding-alt:0cm 5.4pt 0cm 5.4pt; mso-para-margin-top:0cm; mso-para-margin-right:0cm; mso-para-margin-bottom:8.0pt; mso-para-margin-left:0cm; line-height:107%; mso-pagination:widow-orphan; font-size:11.0pt; font-family:"Calibri",sans-serif; mso-ascii-font-family:Calibri; mso-ascii-theme-font:minor-latin; mso-hansi-font-family:Calibri; mso-hansi-theme-font:minor-latin;}
  1. Detailed steps to reproduce the bug (exactly how and when did it happen)

Steps:

                                               i.          Create a Quiz(Question Set) content in Moodle

                                             ii.          Take the embed code

                                           iii.          Add a Label/Moodle Page using “Add activity/resources”

                                           iv.          Now add the embed code into Label/Moodle Page

                                             v.         

                                           vi.          When I Click on Start Quiz, it will navigate to next page of the Quiz(See Imaje 1)

                                         vii.          There is no navigation buttons in this page.(See imaje 2)

Further to add to this, When the our support team did some analysis did a right click and “Inspect element”, the "questionset hidden started" value for the class.

After removing/ignoring the hidden attribute, we were able to play and view the questions and move through pages. See Image 3.

  1. Platform and version number. E.g. Drupal, Wordpress, Moodle.

Moodle – 3.1

  1. Mobile or Desktop

Desktop

  1. Browser: Chrome, Firefox, Safari etc

Firefox

  1. H5P plugin version

mod_hvp to version 1.6

  1. H5P content type and version (if a content type was used), and a sample URL or attached H5P.

Quiz(Question Set)

  1. Any browser console errors

N/A

  1. Any PHP errors

N/A

  1. Screenshots if it's a visual problem

Attached images 1,2 and 3

 

Attachments: 
Image icon Image 1.png
Image icon image 2.png
Image icon image 3.png
BV52's picture

BV52

Mon, 02/26/2018 - 07:21

Hi divya,

Thank you for the additional information. Could yes please try to update the H5P libraries and see if this will resolve the issue.

-BV52

divya.srinivas

Tue, 02/27/2018 - 00:29

Hi BV52,

I will ask the vendor to update the libraries and see how we go.

Thank you!

Regards,

Divya

divya.srinivas

Tue, 02/27/2018 - 01:24

I heard back from the vendor and they said we have the latest version in Moodle and hence all the libraries has been updated. Is there anything that can be done?

Regards,

Divya

Attachments: 
Image icon H5P-version+on+Test.png
Image icon H5P-latest+version.png
icc's picture

icc

Tue, 02/27/2018 - 13:56

Have you made any modifications to the content type or H5P? Typically this content type is inside an <iframe> tag, but on your screenshots, it appears to be inserted directly into the page (<div>). This is most likely what's causing your issue, the content type is inheriting CSS rules from your site's theme.