Content won't show - Must re-size Browser Window

Submitted by RakieM on Wed, 10/07/2015 - 12:27

Forums:

Hi there

I'm newbie and love the potentil of H5P.

I am currently doing a test and I have unfortunately run into a little snag. I am trying to use a hotspot feature in a quiz (LearnDash - WPpro Quiz), unfortunetly the hotspot image refuses to open on the page. The only way it will reveal its self is if I resize the browser window.

Please can you have a look at the following link for me please. I have added the hotspot to a page and I have also added the hotspot to a modal which explains the problem I am currently experiencing. I'm testing this on chrome, but experienced this in Internet Explorer too. (Wordpress Site)

http://www.studyandthinking.com/test-image-hotspot/

Hopefully there is a simple line of CCS code that I can add to get this working. Other wise this will be a huge letdown for me!

Many Thanks

RakieM

Thu, 10/08/2015 - 07:46

Permalink

Hi thereHave you been able to

Hi there

Have you been able to view my post.

My limited skills have reached a dead end and I would really love to get this working.

Many thanks

falcon

Thu, 10/08/2015 - 16:31

Permalink

Hi,

It sounds like the H5P may be initialized with no size. This documentation page is about this problem: https://h5p.org/manipulating-h5p-with-javascript

RakieM

Mon, 10/19/2015 - 11:24

Permalink

Admin Credentials

Hi,

Thanks for the note and your suggestion.

I have sent you and email with Temp Admin Credentials.

I Have contacted the Theme Provider, Avada and LearnDash the LMS plugin developer and they both say that the problem is not on their side.

Can you please login to the site and have a look at the problem I'm currently facing please.

Kind Regards

falcon

Mon, 10/19/2015 - 13:51

Permalink

Hi,

I had a look now, and I think the problem will have to be fixed on their side. The H5P is being initialized without a height, and when it gets a height it isn't notified. If you send them the link

https://h5p.org/manipulating-h5p-with-javascript

They should be able to help you. If you for instance resize your browser window with the modal with the missing H5P open you'll see that the H5P appears in the modal because resizing the browser window makes H5P adapt to the new size.

illz

Sat, 12/16/2017 - 03:19

Permalink

Hi I am running into the same

Hi I am running into the same issue except the content was loading properly on my test site but isn't on my client's site. I am using the same plugins along with the h5p so I don't understand why it would work on one website but need to be resized on a different site. I am also running into this issue with the 'Course Presentation' content type but not with the 'Questionnaire' or Question Set' content types. I'd appreciate any help. Thank you!