View Full Version : [INFOREQ][4.0.0] Ext.panel.Panel -> animCollapse

1 May 2011, 2:34 PM
hi team,

according to the api, the config is set to true by default.
this works fine for borderlayout-regions as long as i include the ext-all-debug.js.

with ext-debug.js it seems to be set to false.
i can set it manually to true then it works.

but i get firebug error messages quite often when collapsing:

[Break on this error] out = (v = el.style[prop]) ? v :
ext-debug.js (Zeile 13203)

kind regards

1 May 2011, 10:26 PM
The docs don't say it's true by default:

(defaults to true if the Ext.fx.Anim class is available, otherwise false)

So, for example if you use:


Ext.onReady(function() {
Ext.create('Ext.panel.Panel', {
width: 200,
height: 200,
renderTo: document.body,
collapsible: true

Then animations will be enabled by default.

As to your second point, I'm not seeing any issues, can you elaborate?

Ext.create('Ext.container.Viewport', {
layout: 'border',
items: [{
region: 'center'
region: 'east',
width: 200,
collapsible: true,
animCollapse: true

1 May 2011, 10:58 PM
hi evan,

when using


above my app it works. when using the require-config on top level of my app, expanding / collapsing works without animation, unless i manually set it to true (then it also works).

name : 'SD',

requires : [

controllers : []

i will pm you a testcase for the js-bug.

best regards