打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
93.Adding Sliders

Use the new slider interaction in Articulate Storyline to let learners manipulate data, explore cause-and-effect relationships, or control other objects in the course.

Adding Sliders

  1. Go to the Insert tab on the ribbon, click Controls, and choose one of the slider types.
  2. Click the slide where you want the slider to appear.

Tip: By default, sliders are horizontal, but you can make them vertical if you'd like. Just rotate them 90 degrees. You can use the rotation handle at the top of the slider or the Rotate drop-down on the ribbon.

Resizing Sliders

Sliders have a track and a thumb that slides along the track.

The track and thumb can be resized together or individually.

  • To resize the whole slider (track and thumb), drag any of the corner sizing handles.
  • To change the length of the slider track, drag the left or right sizing handle.
  • To change the thickness of the slider track, drag the bottom yellow handle up or down.
  • To resize the slider thumb, drag the top yellow handle up or down.

Setting Slider Properties

To control the behavior of a slider, select the slider, go to the Slider Tools—Design tab on the ribbon, and adjust its Slider Properties.

  • Variable: This is the variable associated with your slider. Storyline automatically creates a number variable for each slider in your course. If you want to change the variable that's controlled by a slider, use this drop-down list to select another number variable in your course. (Learn more about variables here.)
  • Update: This controls when the variable is updated. You can update the variable as the learner is dragging the slider (which is the default setting) or only after the learner releases it.
  • Start: This is the starting value for your slider. It defaults to zero. (It can have up to two decimal places.)
  • End: This is the ending value for your slider. It defaults to 10. (It can have up to two decimal places.)
  • Initial: This is the starting position for the slider thumb. It defaults to zero. (It can have up to two decimal places.)
  • Step: This is the incremental value for the slider thumb as it moves along its track. It defaults to one. (It can have up to two decimal places.)

Displaying Slider Values in Text Elements

There may be times when you want to display the value of a slider in a text box or shape. You can easily do that by adding a variable reference to any text element in your course. When the learner drags the slider, the value that's displayed in the text element automatically updates to show the value they selected.

Triggering Actions

Generally, you'll want to perform one or more actions based on the learner's interaction with a slider. To do that, you'll need to add triggers that execute when the slider moves or the variable changes. For example, you might change the state of an object when the learner drags the slider.

Formatting Sliders

To change the styles, colors, and effects for a slider, select the slider, go to the Slider Tools—Format tab on the ribbon, and use the formatting options.

The colors available on the Format tab are based on the theme colors for your course. To customize them, see this tutorial.

You Might Also Want to Explore:

Adding Variable References
Adding Triggers

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
轮播
CSS设置滚动条样式 |前端开发
WPF Slider 样式
Track 3黄灰白
html自定义拖动进度条,包含样式和事件
thumb
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服