Storyline 360 | Create an interactive slider timeline
In this tutorial, learn how to create an interactive process timeline in Articulate Storyline 360 using a slider and custom pop-ups to showcase events or steps in a timeline.
As the user drags the slider, pop-up messages will show when the slider head is within the bounds of the red markers. Once a pop-up has been visited, its corresponding marker will change its state, showing that this part of the process has been completed.
Key steps covered in this video:
🔎 Setting up a slider for smooth interaction
🔎 Adding and customizing markers with visited states
🔎 Creating pop-up layers with text and shapes
🔎 Triggering pop-ups based on slider movement
🔎 Displaying hidden text boxes for event years
🔎 Making markers change color to indicate progress
🔎 By the end of this video, you’ll have a fully interactive process timeline to showcase key events or steps, perfect for presentations or eLearning modules.
Timestamps:
00:00 Introduction
00:39 Adding the slider
01:13 Adding the markers
02:20 Adding the pop-up layers
02:57 Adding the textboxes for the years
03:52 Designing the interactivity
Don't forget to like and subscribe if this video helped you!
#elearningdevelopment #articulatestoryline #elearning #instructionaldesign #storyline360
Watch video Storyline 360 | Create an interactive slider timeline online without registration, duration hours minute second in high quality. This video was added by user Learnomancer 09 October 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 828 once and liked it 26 people.