Ready-made check boxes and radio buttons are available in ActivePresenter 7. They are of use to add interactivity to your eLearning courses. Keep reading as you will find essential details about these interactive objects.
Building an eLearning course, it’s likely that sometimes you want to use check boxes and radio buttons. It can be a field in the signup form where a radio button is meant for data collection. Or, it can be a “I agree” check box to confirm learners agree to the “terms” of the course before they start. In other cases, you may want to create a list of items with a check box beside each, and learners have to check off the items that are correct.
The question then arises, “How can I add, format, and work with check boxes and radio buttons?” Below is the answer.
Adding Check Boxes and Radio Buttons
Check boxes and radio buttons are interactive objects. So, go to the Interactions tab to find them.
Alternatively, in the Home tab, click Interactions. Select the object you want from the drop-down list.
Then, on the Canvas, a check box/radio button appears with default text. Click the default text to enter your text. You can format many text attributes such as font, paragraph settings, alignment, and indentation.
Note: ActivePresenter gives each check box/radio button a default name: Check Box 1, Radio Button 2. However, you should provide them with more descriptive names so that they will be recognizable when, for example, you add actions.
To rename a check box/radio button, go to the Properties pane > Interactivity > General. Enter a name in the Name box.
Working with States
Check boxes and radio buttons come with eight prebuilt states which control their appearance when users interact with them. When you hover over the button or click it, the way it looks changes accordingly.
You can modify any of the prebuilt states and even create custom states. But always ensure all states of the same button look consistent and make sense.
For more details about states, see Working with Object States.
Formatting Check Boxes and Radio Buttons
Initially, check boxes/radio buttons use their default style in which the button colors come from your theme colors. ActivePresenter lets you format the objects and change their default style at any time.
To do that, select a check box/radio button and go to the Format tab on the Tabbed Toolbar.
Changing Button Styles
ActivePresenter offers a gallery of ready-made button styles: the Check Box Styles and Radio Styles drop-down galleries. Use these galleries to choose the style you want.
Changing Button Colors
As mentioned earlier, the color choices come from your theme colors. However, you can always use custom colors to design your check boxes or radio buttons.
Do the following:
- Check Box/Radio Fill (1): Define the background color of the button.
- Check Box/Radio Border (2): Define the color and style of the button’s border. Choose Weight to change the border thickness.
- Check Box/Radio Mark (3): Define the color of the check mark or radio dot (when the button is checked).
Setting Button Default Styles
You can set a certain check box/radio button as the default style so that the same attributes will be applied to all new objects of the same type in the same project.
To do that, right-click a check box/radio button, select Set as Default Check Box/Radio Button (4).
Note: This action only affects newly added objects, but you can apply the new default style to existing objects of the same type. Just right-click a check box/radio button > Apply to All Check Box/Radio Button Objects (5) > Style.
Making the Buttons Work
Add events and actions to make the buttons work. To do that, select it and go to the Properties pane > Interactivity > Events – Actions.
Check boxes and radio buttons have four events:
- On Check: Occur when the button is clicked.
- On Timeout: Occur when viewers don’t respond within the specified time.
- On Rollover: Occur when the mouse enters the boundary of the object.
- On Rollout: Occur when the mouse exits from the boundary of the object.
To add events to a check box or radio button, first select it in the Events – Actions section. Then click the Add Event button (6 or 7) and choose an event from the pop-up list. Next, add actions to the event and preview your interactivity.
For more details about events and actions, see Working with Events – Actions.
That’s it! You’ve learned how to work with check boxes and radio buttons in ActivePresenter 7. Use these interactive objects to create great interactive eLearning content. Feel free to contact us if you need any help.