Flip cards with input in Storyline

Dec 07, 2020

Hi there, 

I'm just a beginner here. Would love to create flip cards where the learner inputs text on the back side (see Quizlet). Can this be done, and if yes hopefully without an awful lot of complications?

thanks a lot!

Simona

6 Replies
Ned Whiteley

Hi Simona,

I have created a simple example that may give you some ideas.

On the first slide you write a description of three items, a dog, the sun and a house.

On the second slide there are three flip cards marked Dog, Sun and House. When you click on a flip card, it spins and reveals the description you wrote on the first slide.

This is achieved by using text boxes on the layers that appear as the back of each of the cards and adding the Text Entry variable references associated with each of the text entry boxes on the first slide.

Hope this helps, but if you have any queries, just get back to me here.

SIMONA PETRESCU

Thanks a lot, Ned, this is interesting, but it's not exactly what I had in mind. As in Quizlet (https://quizlet.com/), I'd like to be able to show a learner a prompt and have them enter the response on the back of the card. So as far as I've seen in Storyline, I'd have to create a TextEntry question, but which should get activated only when the user has clicked on the card and the card has turned. For example, the user gets a card with key words (Sarah / run a course / 14.30-16.30) and the user needs to enter the full sentence on the back side: Sarah is running a course from14.30 to 16.30. 

As far as I've seen flip cards in Rise and examples here for SL, they are only used to show, but not to collect, input. 

Thanks,

Simona 

Ned Whiteley

Hi Simona,

Now that I have a better idea of what you are after, I hope the revised version of my earlier example will help.

What I have done here is to flip the card when clicked and then allow the user to enter the text on the back (the Text Entry box is on the Text 1 layer). The card can then be reviewed and edited as necessary before finally submitting it.

Once the card is submitted, it joins the other submitted cards that can then be accessed from a single slide wherever you wish to put it in your course. If you made the final slide of all submitted cards a lightbox slide, it could be called up at anytime during the course and would reflect the current state of answered questions (i.e. it could be set up to only contain cards that are complete).

Hope this helps, but if you have any further queries, just get back to me.

SIMONA PETRESCU

Hi Ned, this is great, many thanks!! I have added lightbox slides with feedback and set a condition for them to be shown when the text entered is correct, or not.

I wouldn't have thought of using that Reset variable (still need to work it all out, e.g. why you introduced the timeline pause). But what counts most is that I now have something palpable to start from. 

thanks again,

Simona

Ned Whiteley

Hi Simona,

When the user clicks on the flip card, it is the swivel exit animation that spins it before the back of the card is shown. The reason for including the timeline pause is to control when this happens.

Without the pause, when the timeline reaches its end, all the cards on the screen will perform an exit animation and swivel. By including the pause, it prevents the timeline ever reaching then end and therefore leaves all the cards the right way round. As far as when the pause occurs, that doesn't really matter provided it is after the entry animation has completed and before the exit animation starts. I could just as easily have selected 2 or 3 seconds and the result would have been the same. If you temporarily disable the pause timeline trigger by clicking on the lightning bolt icon:

and then preview the slide again and do nothing until the timeline completes (5 seconds), you will see the difference. This will obviously be more evident on the second slide as there are three cards.