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
Смотрите видео Storyline 360 | Create an interactive slider timeline онлайн без регистрации, длительностью часов минут секунд в хорошем качестве. Это видео добавил пользователь Learnomancer 09 Октябрь 2024, не забудьте поделиться им ссылкой с друзьями и знакомыми, на нашем сайте его посмотрели 828 раз и оно понравилось 26 людям.