i’m prototyping on Figma, i have buttons that change states once clicked on. The button changes states and works fine when I press it while I’m presenting, however once I make it so that clicking the button makes you navigate to a different frame/page, the button doesn’t change states anymore. How can i fix this? I already tried adding a delay when it navigates to a different page, but it seems like the button stops working all together in terms of changing states. Not sure if this is a bug.
This topic has been closed for replies.
Hi, Sissy. Can you show a video about it or send us a copy of the file?
Here is the video. I also realized I need help making it so that the button changes back to it’s non-clicked state. You see how even after I press it, it’s still shaded blue.
drive.google.comThat’s not possible. Why would you add a selected variant for the button when it’s going to navigate to another frame?
The most you can do is either add a while pressing or hover for those kind of buttons.
thanks. that seems to work if I put that button in a frame. but the changing of the states still doesn’t work when you click the button (that changes states while pressing) and it navigates to a different frame. Navigating to a different frame makes it so that the changing of states doesn’t work
Seems to work though in my case.
doesn’t for me, won’t let me click “On Click,” and then the changing of the states doesn’t workhttps://drive.google.com/drive/u/0/home
Hmm. Can you explain why it won’t let you click “on click”? Can you send the file? The google drive link is a link to anyone’s google drive home
It should work, you have to check the component if the on click is removed.
ok the on click works now cause in the interactions i had already used on click and needed to get rid of it. but the changing of states doesn’t work. it wont let me share a link anymore bc the error message says i can’t send a link to this host
I had a similar issue where my button functions did not work with a setup that seemed reasonable (which I had duplicated from a community example I found).
Both the button states and the navigation finally started working when I set it up as:
Default: on mouse enter - change to Hover
Hover: on mouse leave - change to Default
Hover: while pressing - change to Down
And that allowed my on click - navigate to to work correctly 🎉
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.