Authors

Video Tutorials

Storyline 3: Working with Radio Buttons

Add interactivity to your courses with ready-made radio buttons. Customize their appearance to fit your course design and add triggers to control their actions.

Adding Radio Buttons

  1. Go to the slide or layer where you want to add a radio button, then go to the Insert tab on the ribbon.
  2. Click Input and choose one of the radio button styles.
  3. Click the slide where you want the radio button to appear.

Adding Text to Radio Buttons

There’s no need to create a separate text box to add text to a radio button. Just select the radio button and start typing. The text becomes part of the radio button object.

To change the font and paragraph settings, select the radio button and use the options on the Home tab. (Learn more about formatting text.)

To change the alignment, autofit behavior, and margins, right-click the radio button, choose Format Shape, and select the Text Box tab. (Learn more about formatting text boxes.)

Renaming Radio Buttons

Storyline gives each radio button a default name: Radio Button 1, Radio Button 2, etc. We recommend giving them more intuitive names, so they're recognizable when adding triggers and creating freeform interactions.

One way to rename a radio button is to right-click it, select Rename, enter a new name, and click OK.

Another way is to double-click the radio button in the timeline to open it for editing, enter a new name, and press Enter on your keyboard.

Formatting Radio Buttons

Formatting radio buttons is a snap. Select a radio button and go to the Format tab on the ribbon. You can change the radio button’s styles, colors, and effects.

The colors available on the Format tab come from your theme colors.

Working with Radio Button States

Radio buttons have several built-in states that change the way they look when learners hover over them, click them, or otherwise interact with them.

By default, radio buttons have Normal, Hover, Down, Disabled, and Selected states. You can modify any of these built-in states and even create your own custom states. See this user guide for details.

Making Radio Buttons Work

Use Storyline’s interactivity tools to make radio buttons work. Here are some things you can do:

Add a trigger

Triggers perform actions based on learner interaction.

For example, you might use a radio button to show a layer, play a video, or adjust a variable. These and many other actions can be handled with triggers.

See this user guide to learn about triggers.

Convert to freeform interaction

You can use radio buttons as choices in an interaction. Just convert the slide to a freeform interaction, such as a multiple-choice or multiple-response activity.

You can even score the interaction and display customized feedback.

To learn more about converting slides to freeform interactions, see this user guide.

Create a button set

If you add more than one radio button to a slide and you want learners to select only one at a time, add them to a button set. When a learner selects one radio button from the set, the others become deselected.

Radio buttons are automatically added to Button Set 1, which is the default button set for each slide, but you can create your own button sets. You can even have multiple button sets on a single slide.

See this user guide for details.

Changing the Default Radio Button Characteristics

If you customize the look of a radio button and want those same attributes to apply to all new radio buttons in the same Storyline project, right-click the radio button and choose Set as Default Radio Button.

Deleting Radio Buttons

To delete a radio button, select it on the slide or in the timeline, then click Delete on your keyboard.

Published 8 years ago
Version 1.0