Button

You can use buttons to create an engaging interactive courses. It is easy to position them, resize, rotate, scale, skew or change style as you want them.

Adding button

To insert a button, click on Add element button on the left side of the screen and choose Button.

Changing text on button

To change a text on a button, select the button element in page and use Inspector panel on the right to change Text property.

Styling text on button

When you select button element, the Inspector show the text style properties.

You can change font, size and text color.

To change how the text is aligned use left, center or right options.

To change horizontal spacing between characters, adjust a Spacing property.

Styling button

You can control padding, transparency, corner radius, border, background color and shadow.

Select a button element in page and use Inspector panel on the right side of the screen to adjust the properties.

Transforming button

To rotate, scale or skew the button, select the button in page and use Inspector panel on the right to set any 2D or 3D transformation.

To reset rotation to default, set values Rotate Z, Rotate Y, Rotate X to 0º.

Creating icon button

It is recommended to use image element to create graphical buttons. Because image element has the same interactive features as button, there are no limitation what you can you create.

Adding link to button

You can create a clickable button using interaction.

To add a link to an image to send learners to a course page you want:

1. Select an image.
2. Scroll down in Inspector panel on the right to the Interactivity section.
3. Set event “On” to “Click or tap”.
4. Set action “Do” to “Go to next page”, “Go to previous page”, “Go to page”, “Go to first page”, “Go to last page”, “Go back” or “Go forward” according to your needs.

To add a link to open web address or document:

1. Select an image.
2. Scroll down in Inspector panel on the right to the Interactivity section.
3. Set event “On” to “Click or tap”.
4. Set action “Do” to “Open web address”.

For more see Interactivity.