"Expandable Cards" How to disable close animation

Questions
1

Hi, i’m new with framework 7. I’m developing an app for mobile. I’m using expandable cards. But content in this cards a lot of, for this when at the bottom of the card and close it; all content moving inside card and this getting performance problem and bad looking.
For all app how can disable all card closing animation.
https://framework7.io/docs/cards.html#expandable-cards
Document is here but i don’t understand how can do that.

app.card.close(el, animate)- close expandable card

  • el - HTMLElement or string (with CSS Selector). Expandable card to close.
  • animate - boolean. Closes expandable card with animation. By default is true

my app.js
// Init App
var app = new Framework7({
id: ‘io.framework7.testapp’,
root: ‘#app’,
name: ‘Survival App’,
theme: theme,
data: function () {
return {

};

},
card: {
hideNavbarOnOpen: true,
closeByBackdropClick: true,
swipeToClose:true,
},

2

You need to create custom card close button/link, and call app.card.close() with animate:false

3

Thanks for your help. I’m trying do that. I add custom button and script and script working. Card closing with app.card.close() but how to add animate:false i try app.card.close(false); doesn’t work. How to use?

4 
app.card.close('.card-opened', false);
1 Like
5

Very thank you. You save my project :):sweat_smile: