Adapt Learning Community: Pop-up on word to provide definition

Hello,

I am using the Adapt Learning authoring tool and would like to be able to set up some words so that users can click on them and a pop-up window appears with the definition.

I am not super technical so would appreciate step-by-step instructions if this is possible.

Thanks!

Sherri

Hello Sherri

Have you tried using the hotgrid component? https://github.com/cgkineo/adapt-hotgrid

Thanks

Caleb

Show parent | Reply

Sounds like you are looking for "tooltip" functionality. While the following is not a tooltip, it's a tried and true strategy that might meet your needs.

install adapt-contrib-glossary
add terms and definitions to the Glossary
add your text content to the page in a normal fashion
wherever your special words appear, link them to the matching term in the Glossary. Using this model, wrap the word/phrase in your text with this code:
<a href='#' data-glossaryterm='sinusitis'>sinusitis</a>
If you are working in the AAT, switch the config editor into "Source" mode so you add this directly into the HTML.

This technique is described in the Glossary's README under "Usage" at https://github.com/adaptlearning/adapt-contrib-glossary

Show parent | Reply

Thanks Chuck - I wasn't aware you could do this.

Do you know if it would work for something like the About us extension to have a hyperlink to open a section in the About us content?

Show parent | Reply

Paul, I don't know--yet. I didn't code it with that in mind. But it's an idea that I'll pursue--if Adapt magic doesn't make it work already.

Show parent | Reply

Thanks! I will definitely give this a try!

Show parent | Reply

Hello,

Thanks for the help with this. I can get through all the steps, but when I save and then go back in, the HTML code has been stripped

Show parent | Reply

I make jumps in my document like this: <a href="./#/id/5f800b46437c4d17e40796a7">Consulting tips for noise issues</a>

I think I remember in an old post it are the single vs double quotes that was needed.

Show parent | Reply

I wasn't able to find IDs associated with the glossary terms. Technically, we're not jumping to that location, we're just trying to have a pop-up appear.

Show parent | Reply

Ignore the bit about IDs, John's saying you need to try using single quotes instead of double quotes

Show parent | Reply

Turns out we had to allow the

data-glossaryterm="" attribute for links in the WYSIWIG editor to support the use of the Glossary plugin.

Show parent | Reply