Add interactivity to your courses with ready-made push buttons. Customize their appearance to fit your course design and add triggers to control their actions.
\n
\n\n
\n- Go to the slide or layer where you want to add a button, then go to the Insert tab on the ribbon.
\n- Click Button and choose one of the button styles.
\n- Draw your button on the slide.
\n
\n\n
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.)
\n
To change the font and paragraph settings, select the button and use the options on the Home tab. (Learn more about formatting text.)
\n
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.)
\n\n
Storyline 360 gives each button a default name: Button 1, Button 2, etc. We recommend giving them more intuitive names, so they're recognizable when adding triggers and creating freeform interactions.
\n
One way to rename a button is to right-click it, select Rename, enter a new name, and click OK.
\n
Another way is to double-click the button in the timeline to open it for editing, enter a new name, and press Enter on your keyboard.
\n\n
Formatting buttons is a snap. Select a button and go to the Format tab on the ribbon. You can change the button’s style, colors, and effects. You can even add an icon.
\n
The colors available on the Format tab come from your theme colors.
\n\n
Buttons have several built-in states that change the way they look when learners hover over them, click them, or otherwise interact with them.
\n
By default, buttons have Normal, Hover, Down, Visited, and Disabled states. You can modify any of these built-in states and even create your own custom states. See this user guide for details.
\n\n
Use Storyline 360's interactivity tools to make buttons work. Here are some things you can do:
\n
\n\n\n| \n Add a trigger \n | \n\n Triggers perform actions based on learner interaction. \nFor example, you might use a button to show a layer, play a video, or adjust a variable. These and many other actions can be handled with triggers. \nSee this user guide to learn about triggers. \n | \n
\n\n| \n Convert to freeform interaction \n | \n\n You can use buttons as choices in an interaction. Just convert the slide to a freeform interaction, such as a multiple-choice or multiple-response activity. \nYou can even score the interaction and display customized feedback. \nTo learn more about converting slides to freeform interactions, see this user guide. \n | \n
\n\n| \n Create a button set \n | \n\n If you add more than one button to a slide and you want learners to select only one at a time, add them to a button set. \nButton sets force objects to behave like radio buttons—i.e., when a learner selects one button from the set, the others automatically become deselected. \nYou can even have multiple button sets on a single slide. \nSee this user guide for details. \n | \n
\n\n
\n\n
If you customize the look of a button and want those same attributes to apply to all new buttons in the same project, right-click the button and choose Set as Default Button.
\n\n
To delete a button, select it on the slide or in the timeline, then click Delete on your keyboard.
Add interactivity to your courses with ready-made push buttons. Customize their appearance to fit your course design and add triggers to control their actions.
\n
\n
Adding Buttons
\n
\n- Go to the slide or layer where you want to add a button, then go to the Insert tab on the ribbon.
\n- Click Button and choose one of the button styles.
\n- Draw your button on the slide.
\n
\n
Adding Text to Buttons
\n
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.)
\n
To change the font and paragraph settings, select the button and use the options on the Home tab. (Learn more about formatting text.)
\n
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.)
\n
Renaming Buttons
\n
Storyline 360 gives each button a default name: Button 1, Button 2, etc. We recommend giving them more intuitive names, so they're recognizable when adding triggers and creating freeform interactions.
\n
One way to rename a button is to right-click it, select Rename, enter a new name, and click OK.
\n
Another way is to double-click the button in the timeline to open it for editing, enter a new name, and press Enter on your keyboard.
\n
Formatting Buttons
\n
Formatting buttons is a snap. Select a button and go to the Format tab on the ribbon. You can change the button’s style, colors, and effects. You can even add an icon.
\n
The colors available on the Format tab come from your theme colors.
\n
Working with Button States
\n
Buttons have several built-in states that change the way they look when learners hover over them, click them, or otherwise interact with them.
\n
By default, buttons have Normal, Hover, Down, Visited, and Disabled states. You can modify any of these built-in states and even create your own custom states. See this user guide for details.
\n
Making Buttons Work
\n
Use Storyline 360's interactivity tools to make buttons work. Here are some things you can do:
\n
\n\n\n| \n Add a trigger \n | \n\n Triggers perform actions based on learner interaction. \nFor example, you might use a button to show a layer, play a video, or adjust a variable. These and many other actions can be handled with triggers. \nSee this user guide to learn about triggers. \n | \n
\n\n| \n Convert to freeform interaction \n | \n\n You can use buttons as choices in an interaction. Just convert the slide to a freeform interaction, such as a multiple-choice or multiple-response activity. \nYou can even score the interaction and display customized feedback. \nTo learn more about converting slides to freeform interactions, see this user guide. \n | \n
\n\n| \n Create a button set \n | \n\n If you add more than one button to a slide and you want learners to select only one at a time, add them to a button set. \nButton sets force objects to behave like radio buttons—i.e., when a learner selects one button from the set, the others automatically become deselected. \nYou can even have multiple button sets on a single slide. \nSee this user guide for details. \n | \n
\n\n
\n
Changing the Default Button Characteristics
\n
If you customize the look of a button and want those same attributes to apply to all new buttons in the same project, right-click the button and choose Set as Default Button.
\n
Deleting Buttons
\n
To delete a button, select it on the slide or in the timeline, then click Delete on your keyboard.