Card V2 Close control

[powrider686]

Hi there,

I am working on a new site and love all the new elements in Cornerstone. Great to see parity in them!

I’m working with the Card element, and have found an issue that I need some help on.

Currently, when you build a Card element, you must first touch it to see the back, then touch it ( or mouseover) to turn it back. Is there a way I can make it turn around on it’s own after a few seconds or make touching outside of it anywhere turn it around? My client got confused when using it on mobile as it isn’t intuitive as to how to get back to the front of the card. It’s a bit easier on desktop but still an issue there as well.

How could I solve this?

Thanks!

[jade]

Hi @powrider686,

The default trigger for the card element is hover and since there is no hover state on mobile, user are usually tap on mobile devices which triggers the flip for cards on mobile.

What I can suggest is for you to put a message in the back content of the card to notify the user to tap again to flip but only have the message show on mobile.

You do it this way:

<span class="x-hide-lg x-hide-md x-hide-xl">Tap to Flip</span>

Hope this helps.