Success! Looks like we've fixed this one. According to our records the fix was applied for EXTJS-4268 in a recent build.
  1. #1
    Ext JS Premium Member robincasey's Avatar
    Join Date
    Nov 2007
    Location
    Netherlands, Arnhem
    Posts
    53
    Vote Rating
    0
    robincasey is on a distinguished road

      0  

    Default [4.0.6] animCollapse: false not honored

    [4.0.6] animCollapse: false not honored


    Code:
    animCollapse: false
    is not honored on collapsed panel when clicking header, instead of the decollapse tool.

    I have an iframe in this, so when using the header click to temporarily decollapse, this results in an annoying issue as the domnodes shift
    onerror = setTimeout(Ext.emptyFn, Infinity)

  2. #2
    Ext JS Premium Member robincasey's Avatar
    Join Date
    Nov 2007
    Location
    Netherlands, Arnhem
    Posts
    53
    Vote Rating
    0
    robincasey is on a distinguished road

      0  

    Default


    I tried (although it is false by default)
    Code:
    titleCollapse: false
    as a workaround, but this does not disable de-collapsing via header click (as it should?!).
    onerror = setTimeout(Ext.emptyFn, Infinity)

  3. #3
    Sencha - Ext JS Dev Team evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    16,781
    Vote Rating
    599
    evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute

      0  

    Default


    Can't reproduce this:

    Code:
    Ext.onReady(function() {
    
        Ext.create('Ext.panel.Panel', {
            animCollapse: false,
            titleCollapse: true,
            collapsible: true,
            width: 200,
            height: 200,
            renderTo: document.body,
            title: 'Foo'
        })
    });
    Evan Trimboli
    Sencha Developer
    Twitter - @evantrimboli
    Don't be afraid of the source code!

  4. #4
    Ext JS Premium Member robincasey's Avatar
    Join Date
    Nov 2007
    Location
    Netherlands, Arnhem
    Posts
    53
    Vote Rating
    0
    robincasey is on a distinguished road

      0  

    Default


    Thanks, and sorry Evan. Try adding it in a border layout such as in the example in the api:

    Code:
    Ext.create('Ext.panel.Panel', {
        width: 500,
        height: 400,
        title: 'Border Layout',
        layout: 'border',
        items: [{
            title: 'South Region is resizable',
            region: 'south',     // position for region
            xtype: 'panel',
            height: 100,
            split: true,         // enable resizing
            margins: '0 5 5 5'
        },{
            // xtype: 'panel' implied by default
            title: 'West Region is collapsible',
            region:'west',
            xtype: 'panel',
            margins: '5 0 0 5',
            width: 200,
            collapsible: true,   // make collapsible
    animCollapse: false,
            id: 'west-region-container',
            layout: 'fit'
        },{
            title: 'Center Region',
            region: 'center',     // center region is required, no width/height specified
            xtype: 'panel',
            layout: 'fit',
            margins: '5 5 0 0'
        }],
        renderTo: Ext.getBody()
    });
    onerror = setTimeout(Ext.emptyFn, Infinity)

  5. #5
    Sencha - Ext JS Dev Team evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    16,781
    Vote Rating
    599
    evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute

      0  

    Default


    To clarify:

    1) Collapse the west region
    2) Click on the title, the panel floats in

    The second behaviour isn't caused by collapsing/expanding, rather it's the floatable property on the region. You can set it to false.

    The only problem is the collapsed region doesn't respond to an expand when you click somewhere on the collapsed placeholder:

    Code:
    Ext.onReady(function(){
        Ext.create('Ext.panel.Panel', {
            width: 500,
            height: 400,
            title: 'Border Layout',
            layout: 'border',
            items: [{
                title: 'South Region is resizable',
                region: 'south', // position for region
                xtype: 'panel',
                height: 100,
                split: true, // enable resizing
                margins: '0 5 5 5'
            }, {
                // xtype: 'panel' implied by default
                title: 'West Region is collapsible',
                region: 'west',
                xtype: 'panel',
                margins: '5 0 0 5',
                width: 200,
                collapsible: true, // make collapsible
                animCollapse: false,
                floatable: false,
                titleCollapse: true,
                id: 'west-region-container',
                layout: 'fit'
            }, {
                title: 'Center Region',
                region: 'center', // center region is required, no width/height specified
                xtype: 'panel',
                layout: 'fit',
                margins: '5 5 0 0'
            }],
            renderTo: Ext.getBody()
        });
    });
    Evan Trimboli
    Sencha Developer
    Twitter - @evantrimboli
    Don't be afraid of the source code!

  6. #6
    Ext JS Premium Member robincasey's Avatar
    Join Date
    Nov 2007
    Location
    Netherlands, Arnhem
    Posts
    53
    Vote Rating
    0
    robincasey is on a distinguished road

      0  

    Default


    Hi Evan, I can use floatable: false to prevent the issue from occurring. However, I expected this to relate to the collapsable setting (it sure seems like temporarily decollapse for me), and shouldn't it honor the related animCollapse:false?

    In other words: a collapsed panel should not slide-in gently when clicking the header to trigger the float when animCollapse is set to false.

    Otherwise consider as WONTFIX
    onerror = setTimeout(Ext.emptyFn, Infinity)

  7. #7
    Sencha - Ext JS Dev Team evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    16,781
    Vote Rating
    599
    evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute

      0  

    Default


    It will in 4.1, floatable will take precedence but titleCollapse will work otherwise.
    Evan Trimboli
    Sencha Developer
    Twitter - @evantrimboli
    Don't be afraid of the source code!

Thread Participants: 1

Tags for this Thread

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..."