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
- Adding Text to Radio Buttons
- Renaming Radio Buttons
- Formatting Radio Buttons
- Working with Radio Button States
- Making Radio Buttons Work
- Changing the Default Radio Button Characteristics
- Deleting Radio Buttons
Adding Radio Buttons
- Go to the slide or layer where you want to add a radio button, then go to the Insert tab on the ribbon.
- Click Input and choose one of the radio button styles.
- 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. |
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. |
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.