Prototyping: Interactions (using Variables) not working as expected | Friends of Figma | Page 1

uncut kestrel Jul 26, 2023, 9:31 PM

#

I'm trying to prototype a download section of a client website that contains a long list of files from which users should be able to select and download multiple files at a time.

When the first file is selected, a small action bar appears at the bottom of the screen which counts the number of files selected. This action bar should disappear when the fileCount == 0, but the Conditional I've wrote doesn't seem to be working.

I'm also using string variables and a Conditional in an attempt to change the string 'files selected' to 'file selected' whenever fileCount == 1. Again though, I can't seem to get this working, at least not consistently anyway.

I've attached a video walking you through my current set up and I've created a separate test file I'd be happy to give edit access to for anybody that wants to take a closer look. Any help would be much appreciated!

#

Some additional screenshots for more context

dire raptor Jul 26, 2023, 9:40 PM

#

Hey @uncut kestrel ! I have made something similar https://www.figma.com/community/file/1261221430583572452

Figma

To-do list with conditional logic & variables

Figma Community file - Hey 👋

Checkboxes with tasks alone can be done with 1 frame and 2 interactions with the traditional prototyping methods. However, if you also want to track the progress of the tasks (eg. with a progress bar), these numbers go up to 8 frames and 24 interactions just for 3 tasks 😱

Now with variabl...

#

This is a to do list checkbox, but it also counts the number of tasks that were done, and has a bar too to show how much has been done (and the bar disappears if there is 0)

#

Is this something similar you are trying to achieve?

uncut kestrel Jul 26, 2023, 10:01 PM

#

@dire raptor This has been a huge help so far! I've just managed to get the action bar to disappear by moving 'Change To' to the bottom of the list in the interactions window (just like you had it set up in your file). I have no idea why it works when 'Change To' is at the bottom rather than the top, but I'm one step closer

dire raptor Jul 26, 2023, 10:02 PM

#

To the show or not show, what I did at least was to connect the boolean to the layer (not a prop)

#

I can look at your file also if that would help!

#Prototyping: Interactions (using Variables) not working as expected