Results 1 to 3 of 3

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

Hybrid View

Previous Post Previous Post   Next Post Next Post
    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,416
    Vote Rating
    1269
      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
  •