Forum Discussion

NickolasJimenez's avatar
NickolasJimenez
Community Member
3 years ago

Flash Card Remove Underneath Text While Flipping Card

Hello All,

I created the below flash cards in Articulate Storyline 360. However, I want to remove the underneath text in front of the card on the screen while clicking on the card to flip it. It does look odd with the current setting I have. Please see the sample. I tried changing the state and adding a trigger but no luck... Thank you.

  • Hi, Nickolas.

    Thank you for sharing your .story file!

    You can use a custom state if you don't want the text to show when the user clicks the card. In the example below, I created a state called "Clicked" without any text and added a trigger to change the card to that state when the user clicks it. 

    Windows 10 (1) 2022-07-13 at 3.09.21 PM

    Preview:

    Screen Recording 2022-07-13 at 03.08.46 PM

    I hope this helps!

  • Hi, Nickolas.

    Thank you for sharing the updated .story file!

    For each card that is clicked, if you want the other cards to return to their Normal (Front of the card) states, you need to change their state back to normal. 

    I edited the project with those changes, and I'm attaching it here.

    Let me know if this works!

  • Hello Maria,

    I have another issue. I've been having some challenges displaying the front cards no matter the order they are selected by the user, for instance, if I start with card # 3, then I select card number 1 it does not display the front part of card # 3, instead, it displays the clicked blank card, or If I select card # 2 and then click on card number 1 it displays the clicked blank card. I need to display the front card no matter the order in which is selected. Kindly test the attached file and you will see the functionality is not correct. 

    Thank you so much for your help.

  • Hello Maria,

    The spacing on the flip cards is off, I tried the Align "Distribute Horizontally" but it is still off. How can I fix it?

    Thanks.

  • Hi Nick,

    I checked the file that Maria shared and it looks like the spacing is equal for all three cards. 

    Would you mind sharing a screenshot or an updated copy of your project file so we can check the spacing?