Skip to main content
14-Alexandrite
April 25, 2021
Solved

Can I disable animation when collapsing/expanding containers?

  • April 25, 2021
  • 1 reply
  • 1742 views

Is it possible to disable the animation of collapsing and expanding containers in a mashup?  When I trigger an expand/collapse of a container in the mashup there is a brief "sliding" of the container to show or hide it.  I would like to immediately show or hide the container without the sliding animation.  One of my biggest gripes is when I have a container with expand/collapse enabled and the "Expanded" checkbox disabled (I don't want to show the container when the mashup loads).  When users load the mashup, the container appears and slides away for about a second.

 

I've tried adding a custom css class to the container where the class has "animation: 0s", but that doesn't do anything.  Any ideas?

 

Best answer by QuentinR

Hello DanWolf,

 

Actually you were pretty close.

Assuming you give the customClass "testSlider" to your collasping panel, the CSS is:

 

.testSlider {
       transition: none !important;
}

1 reply

QuentinR14-AlexandriteAnswer
14-Alexandrite
April 26, 2021

Hello DanWolf,

 

Actually you were pretty close.

Assuming you give the customClass "testSlider" to your collasping panel, the CSS is:

 

.testSlider {
       transition: none !important;
}

DanWolf14-AlexandriteAuthor
14-Alexandrite
April 26, 2021

Perfect, thanks!