Results 1 to 3 of 3

Thread: [Ext 4.1 beta 2a] Header right, collapse left - Problems

    Wait! Looks like we don't have enough information to add this to bug database. Please follow this template bug format.
  1. #1
    Ext JS Premium Member KimSchneider's Avatar
    Join Date
    Jul 2008
    Location
    Germany
    Posts
    68
    Vote Rating
    0
      0  

    Default [Ext 4.1 beta 2a] Header right, collapse left - Problems

    REQUIRED INFORMATION




    Ext version tested:
    • Ext 4.1 beta 2a
    • Ext 4.1 nightly 2012-02-21



    Browser versions tested against:
    • Chrome 18



    DOCTYPE tested against:
    • <!DOCTYPE html>



    Description:
    • See screenshots attached. If using headerPosition : 'right' and collapseDirection : 'left', the title and collapse icon disappear. a white box lays over the tree in the left, too. Happens on Chrome only.



    The result that was expected:
    • title and collapse icon stay, no box over left component



    The result that occurs instead:
    • title and collapse icon disappear, box over left component



    Screenshot or Video:
    • attached



    Debugging already done:
    • none



    Possible fix:
    • not provided



    Additional CSS used:
    • only default ext-all.css
    • custom css that does not modify any ext styles



    Operating System:
    • WinXP Pro
    Attached Images Attached Images
    Kim Schneider
    Lead Developer

    Server-Eye
    Alte Komannschule
    Komannstrae 7
    66571 Eppelborn
    Germany

    Email: kim.schneider@server-eye.de
    Homepage: www.server-eye.de

    Do you know our revolution in network- and servermonitoring?
    www.server-eye.de

  2. #2
    Sencha - Sr Software Engineer mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    39,422
    Vote Rating
    1271
      0  

    Default

    Using beta2 and our latest code with Chrome I can't reproduce using this simple code:

    Code:
    new Ext.panel.Panel({
        renderTo          : document.body,
        width             : 400,
        height            : 400,
        title             : 'Test',
        headerPosition    : 'right',
        collapseDirection : 'left',
        collapsible       : true
    });
    When collapsed I always see the title and icon.
    Mitchell Simoens @LikelyMitch
    Sencha Inc, Senior Software Engineer
    ________________
    Learn BBCode and use it!

    Check out my GitHub, lots of nice things for Ext JS 4 and Sencha Touch 2
    https://github.com/mitchellsimoens

    Think my support is good? Get more personalized support via a support subscription. https://www.sencha.com/store/

    Need more help with your app? Hire Sencha Services services@sencha.com

    Want to learn Sencha Touch 2? Check out Sencha Touch in Action that is in print!

    When posting code, please use BBCode's CODE tags.

  3. #3
    Ext JS Premium Member KimSchneider's Avatar
    Join Date
    Jul 2008
    Location
    Germany
    Posts
    68
    Vote Rating
    0
      0  

    Default

    Alright, I tried it with this testcase

    Code:
    Ext.onReady(function() {
        var header = Ext.create('Ext.panel.Panel', {
            html : 'My header'
        });
        
        var navigation = Ext.create('Ext.panel.Panel', {
            width : 200,
            html : 'Panel 1'
        });
        
        var settings = Ext.create('Ext.panel.Panel', {
            title : 'Panel 2',
            width : 200,
            html : 'Panel 2',
            titleCollapse : true,
            headerPosition : 'right',
            collapseDirection : 'left',
            collapsible : true,
            animCollapse : false
        });
        
        var main = Ext.create('Ext.panel.Panel', {
            flex : 1,
            html : 'Panel 3'
        });
        
        new Ext.Viewport({
            layout: {
                type: 'vbox',
                align: 'stretch'
            },
            items: [ header, new Ext.Panel({
                flex : 1,
                layout: {
                    type: 'hbox',
                    align: 'stretch'
                },
                border : false,
                items : [ navigation, settings, main ]
            }) ]
        });
    });
    It works.

    BUT, our real life app contains a tree in "Panel 1". It works in our real life app, too, as long is I don't click on any entry in the tree. Do you have a tree with sample data? I don't...
    Kim Schneider
    Lead Developer

    Server-Eye
    Alte Komannschule
    Komannstrae 7
    66571 Eppelborn
    Germany

    Email: kim.schneider@server-eye.de
    Homepage: www.server-eye.de

    Do you know our revolution in network- and servermonitoring?
    www.server-eye.de

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •