Adapt Learning Community: Hero image not showing

Hello everyone,

I've recently installed the Adapt Authoring tool and I'm really enjoying exploring it's features. I set the course to use a Hero Image and I assumed it would appear at the top of the page behind Title. Or maybe it would appear at the top of the page. Either way, it doesn't show and I wonder if I'm doing something wrong.

I've attached a couple of screenshots.

Thanks in advance.

Cheers,

Barry

As far as I'm aware, The hero image in the "edit course" menu just allows you to set the image that appears on your dashboard.

Show parent | Reply

Thanks for the quick reply Nigel.

You are indeed correct, and I can see the dashboard image changing now. I feel a bit silly for assuming what the Hero image was! :)

Cheers,

Barry

Show parent | Reply

To be honest I thought the same when I first used it. At the moment the only way to change this header image (that I know of) is in the framework via boxmenu.less.

something like:

.menu-header {
background-image: url('assets/myimage.jpg');
background-repeat: no-repeat;
background-size:cover;

}

Show parent | Reply

Thanks Nigel. I downloaded the course and amended the CSS to get the same result.

I'm not using the Framework yet, and only have the Authoring tool. Until I know how to back up my course files I'm not going to create any content just yet. I've replied in another thread about that though.

Thanks for your help.

Barry

Show parent | Reply

Hi,

If you're using the framework, the HTML template boxMenu.hbs has an underscore ( _ ):

<img src="{{_graphic.src}}" alt="{{_graphic.alt}}" />

This means that the HTML template won't display "graphic" as it's looking for "_graphic"

However, if you add an underscore to your JSON file in contentObjects.json, the images will appear

e.g.

"_graphic": {
"alt": "alt text",
"src": "course/en/images/croissant.png"
},

There are no doubt other solutions to this, but this is one that worked for me.

Show parent | Reply