Agamotto (bug?) disappering dates and descriptions

Submitted by tarasmuz on Mon, 02/26/2018 - 09:09
Forums: 
Bugs in content types

I'm trying to embed an Agamotto iframe into a modal on my HTML page. Agamotto is hosted on a Wordpress site and is version 1.2.3. 

The embed looks and works fine through a shortcode on the Wordpress site, however as I paste the embed into HTML the dates and the description under the images disappear.

How it should be:

How it is on Safari:


How to is on Chrome (no description):


There are no console errors and I've enabled CORS (in case this causes the problem, but it doesn't seem to do anything). Would really appreciate any help with this. Thanks!

 

 

 

BV52's picture

BV52

Mon, 02/26/2018 - 09:25

Hi tarasmuz, 

Would you care sharing the site so that we can check. 

-BV52

tarasmuz

Mon, 02/26/2018 - 09:47

Hey BV52,

I would love to, but unfortunately, I can't because the Wordpress site is internal for the organisation I work for and my HTML is currently on the local host. I can share a zip here if that would help?

BV52's picture

BV52

Mon, 02/26/2018 - 10:14

That would be a big help :-) 

 

tarasmuz

Mon, 02/26/2018 - 10:35

Zipped it up here: https://drive.google.com/open?id=1Nlo49jGqH71nRECFHZ_Xnn0ock7uzfVM

tarasmuz

Mon, 02/26/2018 - 10:36

Please see attached zip :)

Attachments: 
Package icon H5P maps.zip

tarasmuz

Mon, 02/26/2018 - 10:56

Attached a zip to this message :)

Attachments: 
Package icon H5P maps.zip

tarasmuz

Mon, 02/26/2018 - 10:58

Uploaded it here: https://drive.google.com/open?id=1Nlo49jGqH71nRECFHZ_Xnn0ock7uzfVM

otacke's picture

otacke

Mon, 02/26/2018 - 18:50

Hi tarasmuz!

I'd have to look into it, but my best guess is that you're not including the reference to the resizer script. H5P needs this to adjust the height of the iframe that the content lives in. Without it, you might run into similar trouble with other content types.

Best,

Oliver

tarasmuz

Tue, 02/27/2018 - 08:57

Hey Oliver,

You are right, I don't have it referenced anywhere.

Is resizer part of H5P or where should I download the script from?

 

Many thanks,

Taras

otacke's picture

otacke

Tue, 02/27/2018 - 09:16

Hi Taras!

Just click on "embed" in the action bar under one of your contents. It should not only contain the path to the embedded content, but also the full path to the script on your system.

Best,

Oliver

tarasmuz

Tue, 02/27/2018 - 10:06

Hey Oliver,

 

That didn't really help. I stripped everything down to the bare bones (no bootstrap, no jquery). Just a script tag in the <head> and the <iframe> in the <body> and it still wouldn't show the dates:

otacke's picture

otacke

Tue, 02/27/2018 - 19:44

Hi Taras!

It seems to be a bug. Not in Agamotto though, but in the editor of H5P.

There's an option to activate the display of the labels that you're not seeing because it's cut off at the bottom of the editor options. I could reproduce that on a Wordpress site. A workaround for now is to simply change the width of the browser window. This should trigger a "resize" and the editor should show the missing option. I have created a bug report that you can track.

Thanks for reporting!

Best,

Oliver