How to display text when component is click? – Ask the community

Hi all, I have created the following interaction so far. Once the user clicks “4”, the component changes to the variant with the square around it to show that “4” has been selected.

Here is what I would like to do now: Only when “4” is clicked (and the square around it shows), the text layer with the text “Monday 4th March, 2024) shows below the calendar.

Would anyone be able to tell me how I can do this? Any help would be much appreciated

Hi @Jenny_Chantratita

You may achieve this using variables.

1. Create a new String Variable (e.g: fullDate) set to an empty value (like a space)

2. Bind fullDate to the textbox after “Date Selected:” using the hexagon on the Design panel near the text options

3. On the click interaction of “4” add a Set variables on top. Set fullDate to your desired text (i.e: Monday, 4th March, 2024), and then go to the next view
   

Let me know if it helped