Agamotto (bug?) disappering dates and descriptions

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

Hi tarasmuz, 

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

-BV52

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

That would be a big help :-) 

 

Please see attached zip :)

Attachments: 

Attached a zip to this message :)

Attachments: 
otacke's picture

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

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

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

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

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