Articulate Storyline has a variety of ready-made button styles to help you create professional-looking interactions. You can choose from push buttons, check boxes, and radio buttons.
- Open to the slide or layer where you want to add a button and go to the Insert tab on the ribbon.
- Click Controls and choose one of the button styles, check boxes, or radio buttons.
- If you chose one of the push button styles, click and drag on the slide to draw the button. If you chose a check box or radio button style, click on the slide where you want the button to appear.
Adding Text to Buttons
There’s no need to create a separate text box to add text to a button. Just select the button and start typing. The text becomes part of the button object. (You may need to resize the button to accommodate the text.)
To change the font and paragraph settings, select the 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 button, choose Format Shape, and select the Text Box tab. (Learn more about formatting text boxes.)
Making Buttons Work
Use Storyline’s interactivity tools to make buttons work. Here are some things you can do:
- Add a trigger: Triggers perform actions based on learner interaction. Perhaps you want a button to show a layer, play a video, or adjust a variable. These and many other actions can be handled with triggers. See this tutorial to learn about triggers.
- Turn your buttons into a freeform interaction: Another option is to use your buttons as choices in an interaction or a question. You can do this with Storyline’s versatile Convert to Freeform option, which transforms any slide into an interaction, such as a multiple-choice or multiple-response activity. You can even score it and display customized feedback. To learn more, see this tutorial.
- Turn your buttons into a button set: If you’ve added more than one button to a slide and you want learners to select only one at a time, just add them to a button set. Button sets force objects to behave like radio buttons—when a learner selects one button from the set, the others automatically become deselected. You can even have multiple button sets on a single slide. For details, see this tutorial.
Formatting buttons is a snap. Just select the button, then click the Format tab on the ribbon. The options will vary, depending on the type of button you’re using. You can change styles, colors, and effects. You can even add an icon to push buttons.
The colors available on the Format tab come from your theme colors. To customize them, see this tutorial.
Changing the Default Button Characteristics
If you customize the look of a button and want those same attributes to apply to all new buttons in the same Storyline project, just right-click the button and choose Set as Default Button.
Understanding Button States
Buttons have several built-in states that change the way they look when learners hover over them, click them, or otherwise interact with them.
All buttons have Normal, Hover, Down, and Disabled states. Push buttons also have a Visited state. Check boxes and radio buttons have a Selected state.
You can modify any of the built-in states and even create custom states. See this tutorial for details.