The project’s glossary provides a central location to manage a list of terms and their definitions, related to the subject matter of the course. To learn more about creating and managing the project’s glossary, see glossary.
To allow learners access to view the glossary, a glossary button element can be used to open the glossary as a lightbox or a new window popup. To display a specific term and its definition in a small designated popup, a glossary term element can be used.
To insert a glossary button, use Basic Elements > Glossary Button. Alternatively, glossary buttons can be inserted as part of some of the preset navigation sets for a richer out-of-the-box experience, using Basic Elements > Navigation Set.
|Mode||Select||lightbox – The glossary is opened in a lightbox.
new window – The glossary is opened in a new window.
|Mouse Over Style||Style Rule||Used when the mouse is over the button.|
|Pressed Style||Style Rule||Used while the button is being pressed.|
Lightbox allows opening the glossary on top of the current document, while dimming the content behind it. A lightbox glossary can be closed using the close button, or by simply pressing outside the lightbox.
|Width||Unit||The width of the lightbox.|
|Height||Unit||The height of the lightbox.|
|Outline Width||Unit||Thickness of the lightbox outline.|
|Outline Color||Color||Color of the lightbox outline.|
|Close Button||Media||Image used as the icon for the lightbox close button.|
|Close Left||Unit||Horizontal offset of the lightbox close button.|
|Close Top||Unit||Vertical offset of the lightbox close button.|
Opening the glossary in a new window allows to continue interacting with the course while the glossary is open.
|Width||Unit||The width of the window.|
|Height||Unit||The height of the window.|
Glossary terms are inline elements, which allow linking one or more words to its related glossary term. Glossary terms consist of a glossary term element, and a glossary term popup element which is shown when the glossary term’s event is triggered, according to its <Event>. The glossary term popup element is automatically populated with the definition of the linked term.
Glossary terms are similar to hot words, but serve a specific purpose of displaying the glossary term definition, rather than requiring the developer to manually fill in the content of the popup.
To link existing text to a glossary term, select a segment of text, and use Home > Glossary Term. Inserting a glossary term without selecting a segment of text will append a glossary term at the caret’s position. When inserting a glossary term, the glossary term picker will open, allowing to search for and select an existing glossary term to link to. If the selected text has one or more matching glossary terms, they will be initially displayed in the glossary term picker.
|Term||Glossary Term||Opens the glossary term picker, allowing to search for and select the glossary term to link this element to.|
|Event||Select||mouse over – The glossary term popup is shown when the mouse is over the glossary term, and hidden when it leaves.
click – The glossary term popup is shown/hidden when the glossary term is pressed.
|Hide Mode||Select||effect – Use an effect (if defined) when hiding the glossary term popup.
plain – Hide the glossary term popup without any effects.
|Mouse Over Style||Style Rule||Used when the mouse is over the glossary term.|
|Visited Style||Style Rule||Used once the glossary term popup has been revealed.|
|Active Style||Style Rule||Used while the glossary term is active.|
A glossary term popup is a generic element, which is automatically populated with the definition of the linked glossary term. The content of the glossary term popup element cannot be edited, but its style, size, and placement on the screen can be customized, as any other Composica element.