Adapt Learning Community: Linking within pages and from one page to another (Adapt Builder)

The course I am attempting to create in the authoring tool requires a sub-menu. So essentially I need to create a sub-menu within a page.

So if this page has 4 articles, I would like to set up 4 buttons at the top of the page, each of which links to a particular article.

Is there a way to link an image (button) to a particular article/block/component?

Another requirement of my course requires linking from one page to another page in a similar manner from an image or text link.

So if anyone has any knowledge on how to do any of this it would be much appreciated.

Paul

Hi Paul

You can link to any content object, article, block or component within an Adapt (v2) course by its id.

For example, this link should take you straight to the media component in the Adapt demo.

Show parent | Reply

Thanks Matt

I actually realised using sections enabled me to add sub-menus to nested content in my course.

However I would still be interested to know if it is possible to make an image a button to hyperlink to another content object? There doesn't appear to be a way to add a link to an image.

Show parent | Reply

I don't think any of the core components have the option to turn images into hyperlinks but you could use the text component and include a hyperlinked image in the body via HTML

Show parent | Reply

Thanks Matt.

Do you mean click on the Source link for the Body element of the Text Component and add something like:

<a href='#'><img src='en/assets/c5613d530484603a01785c4a4c73af99c136e048.jpg' /></a>

When I try to do something like this (ignoring the fact I am not sure of the relative paths to the assets), when I return to the component to edit it again, the source code I wrote has disappeared.

Show parent | Reply

Well, you'd need something more than just # in the href attribute but basically, yes.

This would be more like what you need:

<a href='#/id/c-40'><img src='en/assets/c5613d530484603a01785c4a4c73af99c136e048.jpg' /></a>

Although the ids generated by the build tool will not be as human-readable as 'c-40'.

I'm afraid I don't use the build tool myself (I work directly with the framework) so I'm not really the person to advise how you might find out the id of what you want to link to - or why your source code edits are disappearing...

Show parent | Reply

Hi,

I have the same request. Standard link work with for example #/id/630fbc9efea5ff81b3aabc8b

I need to attach an additional parameter which I then want to fetch on the destination to start some functionality. But the redirection doesn't work anymore after adding a param to link no matter if I use a question mark or slashes: ?param=value or /param/value

Does anyone have an idea how this is possible?

Show parent | Reply

Hi Timo,

By 'start some functionality', I assume you mean you want to execute some Javascript? You can do so by adding the onclick paramater to a button or anchor tag.

This article should help. Assuming you are a course author use the 'on HTML' section.

For example you could have something like.

<aonclick="Window.close()">Exit course</a>

to exit a course.

Show parent | Reply

<aonclick="Window.close()">Exit course</a>

to exit a course.

Show parent | Reply