Blog Post
larryvanwave-ff
2 years agoCommunity Member
I thought it would be great to change monochromatic colors on the fly, using accessibility labels and JavaScript.
https://360.articulate.com/review/content/ba17ec54-b497-4bc8-a13a-d9de76d22438/review
https://360.articulate.com/review/content/ba17ec54-b497-4bc8-a13a-d9de76d22438/review
- Ron_Katz2 years agoCommunity MemberFrom a design standpoint I don't think it matters how you changed the colors, the project looks wonderful. I like the animated snowflakes but especially appreciate how the buttons change on hover to the antipated color. It is very satisfying.
- larryvanwave-ff2 years agoCommunity MemberThank you Ron!
- JodiSansone2 years agoCommunity MemberMore Larry magic! I only know how to do this with state changes.
- RemaMerrick-aa02 years agoCommunity MemberSuper creative, Larry. Great idea to offer users the options for a palette that changes so seamlessly. The animated snowflakes takes the template to the next level. Great project.
- griotitude2 years agoCommunity MemberNice to be able to change the colors, Larry. Would it have been possible to change the color on any slide or only at the beginning?
- larryvanwave-ff2 years agoCommunity MemberHi TJ, yes the colors could be changed on any slide or at any point using the accessibility label, and adding some code on the slide. I updated the sample to indicate how it looks adding the button to change it on slide 3.
- Yvonne2 years agoCommunity MemberCool, Larry! Would you say it is easier to change the colors with Javascript as opposed to creating state changes?
- larryvanwave-ff2 years agoCommunity MemberI think the advantage of using this JavaScript technique maybe better if you have a lot of elements you want to change with one trigger, and if you want to have the ability to switch what colors you want to change using a Hex's codes. But that is a good point that you could use the state changes as well. Thanks for the question.
- Yvonne2 years agoCommunity MemberThanks for your insight, Larry. I do like the idea of applying a script to affect a bunch of elements at once, instead of applying many state change triggers. Would you share the script you used? It felt very responsive in your demo.