How to disable animation on collapsible component.



  • Hi, I would like to know how to disable animation in the collapisible component. I’m using version 0.13 of the framework.

    Thanks!



  • Should be:

    <q-collapsible disable icon="shopping_cart" label="Third">
        <div>
          Content
        </div>
      </q-collapsible>
    

    “disable” is the solution, but i am not sure that it works on your quasar version.



  • But use disable, will disable the entire component or just the animations? I want the expand/close effect to continue working, but remove only the animation that is giving lag on some devices that I tested,



  • Lag is created by animation. With disable you disable just the collapsible animation and you see the Object opened.
    here the code:

    <q-collapsible disable opened icon="shopping_cart" label="Third">
        <div>
          Content
        </div>
      </q-collapsible>
    

    if you want keep the animation you can try “icon-toggle” option. The performance wille be better but, for me, not enough. In fact i disable whole animation in my applications.

    <q-collapsible opened icon-toggle icon="shopping_cart" label="Third">
        <div>
          Content
        </div>
      </q-collapsible>
    

Log in to reply
 

Looks like your connection to Quasar Framework was lost, please wait while we try to reconnect.