This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Brady Sammons
Posted Jan 31 - Read on Facebook

Hi Guys, Im so enjoying Framer thus far. Such an amazing application... however im running into a problem... I just want to create a button with hover states... and an active state. In Jquery its no biggie at all but in Framer / coffee script i can not seem to replicate this functionality any help would be awesome Framer
See demo here:

7 Comments

Nitin Sampathi

https://framer.com/docs/#layer.states and https://framer.com/docs/#events.mouse. button.onMouseOver -> button.stateSwitch("hover")

Brady Sammons

Thanks Nitin Sampathi I have no problem creating the hover state... its the active state that is the challenge... as the hover should then be disabled, and all sibling items that previously had active state should go back to default. thanks for your help

Nitin Sampathi

Crusher Sammons Hmm, I'm not too sure! I tried to change the state onClick but the hover events fired when the mouse was moved. I then tried using the CSS property "pointerEvents": "none" after the click, but that also didn't work. https://framer.cloud/PUZXa

Jordan Robert Dobson

So you want it on mouseDown? And something different for mouse up?

Brady Sammons

Check this Framer Project,see line 39 this.siblings.states.switch("default")

Björn Mußmann

This shows what you basically need to do: https://framer.cloud/rsjgg/

Read the entire post on Facebook