Success! Looks like we've fixed this one. According to our records the fix was applied for TOUCH-2838 in a recent build.
  1. #1
    Sencha User
    Join Date
    Mar 2012
    Posts
    8
    Vote Rating
    0
    suz is on a distinguished road

      0  

    Default First button in titlebar gets too width

    First button in titlebar gets too width


    When my titlebar has a width of 400px or more, everything looks fine. But when I resize my browser window to less than 400px width, the first element of the title bar becomes too width.
    I tried to give it a fixed width, but that is ignored.

    Ok:


    Not ok:


    I was wondering if it's a bug or if I am doing something wrong.

    I'm using Sencha 2.0.1 and here is my code:

    Code:

    config:
    {
    styleHtmlContent: true,
    height: '100%',
    layout: { type: 'vbox', pack: 'start', align: 'center' },
    items: [
    { xtype: 'titlebar',
    height: '100%',
    docked: 'top',
    items: [
    { xtype: 'button', iconCls: 'stopall', iconMask: true', align: 'left' },
    { xtype: 'button', iconCls: 'blankscr', iconMask: true, align: 'left' },
    { xtype: 'button', iconCls: 'restricted', iconMask: true, align: 'left' },
    { xtype: 'button', iconCls: 'classview', iconMask: true, align: 'right'},
    { xtype: 'button', iconCls: 'listview', iconMask: true, align: 'right'}
    ]
    }
    ]
    }

  2. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    35,672
    Vote Rating
    748
    mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute mitchellsimoens has a reputation beyond repute

      0  

    Default


    Interesting. here is a full test case:

    Code:
    new Ext.Container({
        fullscreen : true,
        items      : [
            {
                xtype : 'titlebar',
                docked : 'top',
                items  : [
                    {
                        text  : 'One',
                        align : 'left'
                    },
                    {
                        text  : 'Two',
                        align : 'left'
                    },
                    {
                        text  : 'Three',
                        align : 'left'
                    },
                    {
                        text  : 'Four',
                        align : 'right'
                    },
                    {
                        text  : 'Five',
                        align : 'right'
                    }
                ]
            }
        ]
    });
    As you said, when the browser is resized smaller, the width of the first button gets set to a width. It should remain as auto.
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    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
    Sencha - Sencha Touch Dev Team Jamie Avins's Avatar
    Join Date
    Mar 2007
    Location
    Redwood City, California
    Posts
    3,661
    Vote Rating
    19
    Jamie Avins is a jewel in the rough Jamie Avins is a jewel in the rough Jamie Avins is a jewel in the rough

      0  

    Default


    If you aren't using a Title, you should probably be using a Toolbar. It's going to be doing an awful lot of work behind the scenes to center something that doesn't exist.

    Sencha Inc

    Jamie Avins

    @jamieavins

  4. #4
    Sencha - Sencha Touch Dev Team rdougan's Avatar
    Join Date
    Oct 2008
    Posts
    1,158
    Vote Rating
    6
    rdougan will become famous soon enough

      0  

    Default


    Fixed for the next release. Thank you.
    Sencha Inc.
    Robert Dougan - @rdougan
    Sencha Touch 2 and Ext JS 4 Core Team Member, SASS/Theming Wizard.

film izle

hd film izle

film sitesi

takipci kazanma sitesi

takipci kazanma sitesi

güzel olan herşey

takipci alma sitesi

komik eğlenceli videolar