Elements are the building blocks of documents. Throughout your documents you will use many different elements for different purposes. Some elements simply serve the design of the document, while others provide navigation and interaction tools.
Basic elements, which are used to design the document, fill it with content and rich media, and provide basic functionality such as navigation, can be found in the Basic Elements tab. Interactive elements, which actively engage the learner and enrich the learning experience, can be found in the Interactions tab.
Adding boxes
A box is one of the simplest elements available, but also one of the more useful ones. A box is simply a container, which can contain text and other elements. You can use a box to arrange floating content around the document, and as a design building block.
You can set different properties for a box such as its background, borders and many more, and you can set properties for its content, such as color, font and so on.
To add a box, use Basic Elements > Box. An empty floating box will be added to the document. You can now manipulate this box and its content.
You can edit the content of most elements, and they can contain rich content. Elements can also contain other elements, giving you endless possibilities. To edit an element’s content, you need to select it, and then click inside of it. The editing caret will then be inside the element, and you can edit its content.
 |
 |
 |
| An empty box | Selected box | Editing content |
Adding links
Links allow you to link to outside URLs from your document. To convert a piece of text into a link, select a segment of text, and use Home > Link. Inserting a link without selecting a segment of text will append a link at the caret’s position.
To edit the link’s URL:
- Select the link.
- Select the Settings tab in the Properties pane.
- Select the <Link To> property, and click its value to start editing.
- Choose whether to link to a local resource (Media Explorer button), whether to link to a new uploaded local resource (Upload button) or whether to link to an external address (External Link button).
To edit the link’s text, simply edit its content, as explained above.
Links automatically open in a new browser window but can also be set to open inside the project, by using a frame element and the <Window Name> property.
Now that you’ve added some basic elements like box and link to the page, learn how to edit and format text inside them.