Blog Post
- AndersonRumuyCommunity MemberGreeting Sarah,
Can I make like this one using Storyline 3?
I mean like the "scroll" , "progress bar"
for Progress Bar I could use JS but for the "scroll" is that only works when we use Rise 360?
Thanks for your kind assistance
Anderson - Meghan_LuongoCommunity MemberWhat CSS file did you use? I have gone through all my files on the output from Rise and can't seem to locate the CSS file that has the header.
- CaseyEdwards-6dCommunity MemberSarah, thanks much for sharing your awesome work. Inspired -- Lots to try.
- StevePetersonCommunity MemberSarah - Very nice! I particularly like how the menu circle markers progress around the circle to show completion of the lesson/chapter; then fill in color with a checkmark when completed. Is it a built in, or custom page setup with triggers, changing states of the markers? Am just learning Rise, so any hints are appreciated!
- SarahHodgeFormer StaffThank you, Steve! The menu circle progress markers are built in and part of Articulate's forward-thinking design. They really hit the mark on that one. :) I obviously like this feature too!
- PCGLearningCommunity MemberHi Sarah,
I really enjoyed the interaction you created! It is very clean and easy to follow :)
I am just wondering how you made the cards with fruits under "Food" section to flip?
Thank you in advance.- SarahHodgeFormer StaffThank you, PCG Learning! I used the Rise Flashcard grid option to create the flip effect. Adam Schwartz gives a sweet overview of the flashcards here: https://360.articulate.com/review/content/c58927ae-4ade-4aac-bf16-f2408486b0c7/review
- TinaStoneCommunity MemberHi,
Can you advise how you got the expanding/shrinking circles highlighting the areas to click on, on the Wellness slide please?
Many thanks in advance!- SarahHodgeFormer StaffHi Tina! In the Block Library, I selected Interactive > Labeled Graphic. By default, the interactive markers will expand/shrink. Hope that helps! :)
- TinaStoneCommunity MemberThanks Sarah! You've just helped me figure out how to get them in Storyline 360 as well! It makes my piece look so much more professional than my work around!
- CarlaSegurola-5Community MemberThis is fantastic. It's amazing how the animated gifs add so much to making the course feel more engaging and really gives extra life to the topics. Great job!
- SarahHodgeFormer StaffThank you for noticing, Carla! I love gifs and had a ton of fun making these. :)
- RachelSimmons-1Community MemberHi Sarah, thanks for sharing this. Did you use the sorting activity tool built into Rise or drop in a Storyline block?
- SarahHodgeFormer StaffHi Rachel! I included two sorting activities.
In the Safety section, I used the drag and drop Rise block.
In the Wellness section, I created the drag and drop using a Storyline block so I could add customized feedback and images. To keep the consistency of look and feel, I created it to look and behave similarly to the built-in Rise drag and drop block in the Safety section.
- KatieDowling-5eCommunity MemberSarah this is amazing! Great job!! Do you have site you prefer for the GIF's or did you make your own?
- SarahHodgeFormer StaffThanks so much, Katie! I actually used Storyline to create the gif headers. I edited the images in Photoshop and brought them into Storyline to animate them.
- LucyWood-cf5987Community MemberVery nice - well done, Sarah!