// Card-flipper rotate on click - CarouselWrapper.html $(".card-flipper").addClass("cardflipper").removeClass("card-flipper"); $(".cardflipper .mainflip .fa-plus-square").on("click", function() { $(this).parents(".frontside").css("transform", "rotateY(180deg)"); $(this).parents(".mainflip").find(".backside").css("transform", "rotateY(0deg)"); $(this).parents(".mainflip").find(".backside .jsfooter").remove(); $(this).parents(".mainflip").find(".backside .card-body") .after( "" ); $(".cardflipper .mainflip .fa-minus-square").on("click", function() { $(this).parents(".backside").css("transform", "rotateY(180deg)"); $(this).parents(".mainflip").find(".frontside").css("transform", "rotateY(0deg)"); }); });
{card.renderedContent -> f:format.raw()}
{card.text.top -> f:format.crop(maxCharacters: '{cropMaxCharacters}', respectWordBoundaries:'1') -> f:format.html()} {card.text.top -> f:format.html()}

{card.backheader -> f:format.raw()}

{card.text.bottom -> f:format.crop(maxCharacters: '{cropMaxCharacters}', respectWordBoundaries:'1') -> f:format.html()} {card.text.bottom -> f:format.html()}
{card.settings.button.text -> f:format.raw()} {f:translate(key: 'LLL:EXT:t3sbootstrap/Resources/Private/Language/locallang.xlf:more')}

{card.hFa -> f:format.raw()}{card.header -> f:format.raw()}

{card.subheader -> f:format.raw()}

{card.hFa -> f:format.raw()}{card.header -> f:format.raw()}

{card.hFa -> f:format.raw()}{card.subheader -> f:format.raw()}

{card.hFa -> f:format.raw()}{card.header -> f:format.raw()}

{card.subheader -> f:format.raw()}

{card.hFa -> f:format.raw()}{card.header -> f:format.raw()}

{card.hFa -> f:format.raw()}{card.subheader -> f:format.raw()}