cancel
Showing results for 
Search instead for 
Did you mean: 
cancel
Showing results for 
Search instead for 
Did you mean: 

Community Tip - Did you know you can set a signature that will be added to all your posts? Set it here! X

Can I disable animation when collapsing/expanding containers?

DanWolf
12-Amethyst

Can I disable animation when collapsing/expanding containers?

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?

 

1 ACCEPTED SOLUTION

Accepted Solutions
QuentinR
12-Amethyst
(To:DanWolf)

Hello DanWolf,

 

Actually you were pretty close.

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

 

.testSlider {
       transition: none !important;
}

View solution in original post

2 REPLIES 2
QuentinR
12-Amethyst
(To:DanWolf)

Hello DanWolf,

 

Actually you were pretty close.

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

 

.testSlider {
       transition: none !important;
}

DanWolf
12-Amethyst
(To:QuentinR)

Perfect, thanks!

Top Tags