Skip to main content
Solved

Using string variables in a prototype


Anneliese1

Hello, I’m wondering if it is possible to cut down on prototype wireframes for this test I am building.
WHEN ‘edit’ session times is clicked, the user moves to the second screen.
IF they deselect a session date
THEN when they save, I want the summary (first and 3rd screen) to list the remaining session dates instead of displaying ‘All’.
Is this possible using variables, or am I a dreamer?! 😂
Thanks in advance.

Best answer by djv

Hey @Anneliese1, thanks for your patience and understanding!

Good news - this is possible! You can use Multiple actions and Conditionals.

Always put the dates listed out as separate Text items in an AutoLayout frame, and bind their visibility to their corresponding booleans. That way, when you toggle one off, it’ll go invisible.

You can include a Text item that says “All” and bind its visibility to a Variable that you toggle off whenever one of the dates is toggled off, and toggle on whenever one of the dates is toggled on (if all the others are on as well).

You want to create:

  • A boolean variable for each possible date
  • An AL container with All / Date 1 / Date 2 / Date 3 … for each of the events
  • Bind booleans to checkboxes and to the All
  • Plus a boolean for non checked / all checked

It’ll definitely be a lot of work, but it is possible!

View original
This topic has been closed for comments

djv
Figmate
  • Community Support
  • April 11, 2024

Hey @Anneliese1, thanks for reaching out!

I tried to recreate a file that imitates the behavior you want to achieve, but I’m not a Variables expert yet either. lol

I’ve passed this onto our advanced prototyping team to take a look and advise!


djv
Figmate
  • Community Support
  • April 12, 2024

Hey @Anneliese1, thanks for your patience and understanding!

Good news - this is possible! You can use Multiple actions and Conditionals.

Always put the dates listed out as separate Text items in an AutoLayout frame, and bind their visibility to their corresponding booleans. That way, when you toggle one off, it’ll go invisible.

You can include a Text item that says “All” and bind its visibility to a Variable that you toggle off whenever one of the dates is toggled off, and toggle on whenever one of the dates is toggled on (if all the others are on as well).

You want to create:

  • A boolean variable for each possible date
  • An AL container with All / Date 1 / Date 2 / Date 3 … for each of the events
  • Bind booleans to checkboxes and to the All
  • Plus a boolean for non checked / all checked

It’ll definitely be a lot of work, but it is possible!


Anneliese1

Thank you!
I will give this a go.


Anneliese1

Oh wow, it’s quite tricky! Not sure if it is worth the effort, but I am certainly going to get more familiar with the concepts. Thanks for your help.


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings