Storyline 360: Flashcards With Flip Animation - Downloads

2,370 Downloads

Here's a flashcard template with a cool flip animation that you can use to teach learners anything from vocabulary to complex concepts and everything in between.

Explore this project.

32 Comments

Miriam Larson

over 1 year ago01/31/20 at 1:25 pm (UTC)

Cool! Exactly what I've been looking for - thanks for sharing Thomas!

Shanna Rowekamp

over 1 year ago02/19/20 at 4:52 pm (UTC)

Perfect! thank you!!!!

Erin Ference

over 1 year ago02/25/20 at 6:30 pm (UTC)

Thank you for sharing! This is great!

Laurie Noffs

over 1 year ago02/25/20 at 7:16 pm (UTC)

Very nice! How did you add the flipping animation? I didn't see that in your .story file.

over 1 year ago02/25/20 at 7:24 pm (UTC)

He put a swivel animation on the Back and Front states.

over 1 year ago02/25/20 at 7:39 pm (UTC)

i am not able to put any animations on my states. Is this supposed to be a feature of states? I've never been able to do that. The Animation option is grayed out for me when editing states.

over 1 year ago02/25/20 at 8:16 pm (UTC)

Are you using SL360? I'm able to do it.

over 1 year ago02/25/20 at 8:19 pm (UTC)

Yes. SL360.

over 1 year ago02/25/20 at 8:32 pm (UTC)

Yes SL 360.

over 1 year ago02/25/20 at 8:32 pm (UTC)

Laurie Noffs HPN WorldWide, Inc. laurienoffs@hpn.com 630-941-9030

over 1 year ago02/25/20 at 8:49 pm (UTC)

Hey Laurie, I wanted to let you know that your signature populated here. You can remove that if needed by clicking ‘Edit’ beneath your response.

over 1 year ago02/25/20 at 8:20 pm (UTC)

Yes, 360.

over 1 year ago02/25/20 at 8:08 pm (UTC)

Maybe I'm missing something, but on states, animation is grayed out. How did you add animation to a state?

9 months ago01/20/21 at 6:45 pm (UTC)

When you take it out of editing mode for states - then the animation tab lights up.

Laurie Noffs

over 1 year ago02/25/20 at 7:25 pm (UTC)

OH!!!! That is so clever! Thank you!

Laurie Noffs

over 1 year ago02/25/20 at 8:16 pm (UTC)

While looking at the states in Thomas' .story, I see the animations on his states. But I cannot seem to replicate this in a new .story file. My animations pane is also grayed out while editing states. HELP!

over 1 year ago02/25/20 at 8:32 pm (UTC)

This is strange. If I copy one of his rectangles and paste it into my test story, his rectangle works (animates) just fine, but mine don't!

Christine Padberg

over 1 year ago02/25/20 at 8:57 pm (UTC)

Sorry - I misspoke! Like the rest of you, I can see the animations and copy them from Thomas's slide, but I cannot add an animation to a state in a new shape. I hope someone figures this out!

Anastasia Blum

over 1 year ago02/25/20 at 9:01 pm (UTC)

I FOUND THE ANSWER! Although you cannot add animations to shapes created automatically when you add STATES......you can add animation to a shape and then copy/paste it into the STATE. I did JUST THAT with this little sample: https://360.articulate.com/review/content/6cf70967-b23f-4473-a295-bbf96f80d02d/review

over 1 year ago03/02/20 at 9:28 am (UTC)

Hi Anastasia, thanks for sharing! One more Question: I saw in your example that you have a "print page" functionality in the Player. I assume this is a Java Script command? Would you mind sharing this Java Script as well? I am Looking for such a solution quite a while :-)

over 1 year ago03/02/20 at 2:22 pm (UTC)

Bernhard, Sure! This is where I got the java script to do that: https://community.articulate.com/discussions/building-better-courses/print-anything-in-storyline Anastasia Blum Sigma, Lead Online Instructional Designer 550 W. North St. Indianapolis, IN 46202 USA 888.634.7575 (US/Canada toll-free) Direct Line: +1.317.917.4974 Fax: +1.317.634.8188 Email: anastasia@sigmanursing.org Web: SigmaNursing.org

9 months ago01/24/21 at 3:39 pm (UTC)

Merci de l'astuce Anastasia. Ça fonctionne pour moi aussi maintenant. :-)

Laurie Noffs

over 1 year ago02/25/20 at 9:12 pm (UTC)

YAY! I can replicate it now, too, with your copy and paste! Thank you all so much!

Hassan Ali

over 1 year ago03/23/20 at 6:34 pm (UTC)

Great effect. Just need to how these shapes are flipping despite there is no animation on it? please elaborate.

Joyce Bearden

over 1 year ago05/18/20 at 1:12 am (UTC)

How do you edit the backside of the flipcard?

9 months ago01/09/21 at 5:21 am (UTC)

Hi Joyce. You have to click on the flipcard. The go to States. Edit states :-)

Jeanne Bianca Abad

9 months ago01/09/21 at 5:20 am (UTC)

Hi! Amazing template! I love this one and I am using it on my presentation. However, I'm trying to figure out how to change state of NEXT button to NORMAL only when they've flipped both the flashcards. Can anyone help? Thanks so much!

Ann-Marie Gilbert

9 months ago01/26/21 at 6:04 pm (UTC)

Great template - I am using it for case studies. Students are given three options and select the best option. What is the "front" state of the flip card for? On the "normal" state I provided the content for students to select. On the "back" I provide the feedback on their selection When I preview the slide, it shows the normal state first, then back state when clicked. The next click goes to "front" state and stays there. I suspect there is something I am not understanding about. Any ideas?

9 months ago01/26/21 at 7:11 pm (UTC)

I have found and may have heard this in a Storyline tips and tricks type webinar....it's best not to use the "normal" state when working with toggle triggers...the technicality of it is far from my memory at this point, however.

9 months ago01/26/21 at 7:45 pm (UTC)

Hi. The way I use them is the Normal state - is the one they see when they first visit the slide. Then the front and back are the ones that they are presented with when they select - and then it just toggles between front and back in it's most simple form... In effect that gives them 3 states.... just depends how you want to display the info... hope that makes sense.... I just experimented with all three until i got the effect i wanted... :-) Oh and I also use a hover state as well.

Ann-Marie Gilbert

9 months ago01/26/21 at 8:04 pm (UTC)

Thanks for the input. I've split the feedback between the front and back. Seems to work fine so I'll go with that!

Lisa Anderson

7 months ago03/09/21 at 9:31 pm (UTC)

Hey Thomas, By chance, have you published this with the latest release of SL 360? It now seems the ADA aspects - using TAB and enter to flip the card and read the back are no longer working. Anyone else experiencing this?