Blog Post

Discover
1 MIN READ

Storyline: Drop Shadow Button UI Set

SarahHodge's avatar
SarahHodge
Former Staff
4 years ago

Create a consistent look and feel in your next e-learning project with this delightful button set. 

Explore this project. 

This amazing download is part of our Four Weeks of Fun Freebies. Find more free goodies like this right here and stay tuned to #4weeksoffreebies to scoop up all the latest stuff.

Published 4 years ago
Version 1.0
Articulate 360
Buttons
Download
Navigation
storyline 360
Visual Design
  • LaurieStephan's avatar
    LaurieStephan
    Community Member
    4 years ago
    Hello, I downloaded this but I am unable to copy and paste the buttons, nor do they appear to have the states represented above. How to use? Thank you!!
    • MarkHutchison-9's avatar
      MarkHutchison-9
      Community Member
      3 years ago
      Hi Laurie, if you ungroup the icon you can access the states. I done this to change the brown colour and then regrouped the button and it works perfectly.
    • SarahHodge's avatar
      SarahHodge
      Former Staff
      4 years ago
      I'm sorry that's happening, Laurie! I wasn't able to replicate the issue. Can you share a bit more about what happens when you copy the buttons over to another slide?
  • AdeleCarson's avatar
    AdeleCarson
    Community Member
    3 years ago
    These buttons are really cute. Thanks so much! I have a question though. Your buttons seem to change to the Selected state immediately upon clicking the button without moving the mouse away from the button.

    When I replicate your buttons (Normal, Hover {same color, offset by 8px} and Selected {different color, offset by 8px}) the Selected state does not appear until I move the mouse away from the button. I see that this Hover/Select is a known issue in Storyline. I can't see any programming/triggers that you used for this functionality. Any tips? Did you do something to make it work that way?? Thanks so much!
    • SarahHodge's avatar
      SarahHodge
      Former Staff
      3 years ago
      Thanks, Adele! To make it so the button's selected state overrides the hover state, I just select the button, click Edit States, click the selected state, click the button within that state, hit CTRL+X, then CTRL+V so it pastes right back into place. That should do the trick! 🙂
  • AdeleCarson's avatar
    AdeleCarson
    Community Member
    3 years ago
    That works!! This is a major hack!! You deserve some kind of medal! Amazing, it makes for such a cleaner look and clearer action. Thanks so much for sharing the solution!!
  • StephenBucha624's avatar
    StephenBucha624
    Community Member
    3 years ago
    Wow! These are amazing! Thank you so much for this template. Love the style and interactivity!