1. #1
    Sencha User
    Join Date
    Oct 2010
    Posts
    20
    Vote Rating
    0
    babo_ya is on a distinguished road

      0  

    Default Answered: 'selectfield' Issue

    Answered: 'selectfield' Issue


    Not exactly sure what changed from Beta 2 to Beta 3 form components.

    This worked fine in Beta2 but in beta3, labelWidth : 0 makes the 'selectfield', 'textfield' width smaller (50%) than what it should be.

    For example, with beta 2, textfield width was about 320px but, with beta3 it's only 160px with labelWidth=0.

    Code:
    {
    						xtype : 'selectfield', 
    						options : [
    							{text : 'Option1', value : '0'},
    							{text : 'Option2', value : '1'},
    							{text : 'Option3', value : '2'}
    							],
    						placeHolder : 'Select an option',
    						labelWidth : 0
    					}
    Thanks for the help.
    Last edited by mitchellsimoens; 16 Feb 2012 at 7:24 AM. Reason: added [CODE] tags

  2. Odd... I have this and it spans the entire width of my screen:

    Code:
    new Ext.Container({
        fullscreen : true,
        items      : [
            {
                xtype : 'selectfield',
                options : [
                    {text : 'Option1', value : '0'},
                    {text : 'Option2', value : '1'},
                    {text : 'Option3', value : '2'}
                    ],
                placeHolder : 'Select an option',
                labelWidth : 0
            }
        ]
    });

  3. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    St. Louis, MO
    Posts
    33,684
    Vote Rating
    435
    Answers
    3111
    mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of mitchellsimoens has much to be proud of

      0  

    Default


    Odd... I have this and it spans the entire width of my screen:

    Code:
    new Ext.Container({
        fullscreen : true,
        items      : [
            {
                xtype : 'selectfield',
                options : [
                    {text : 'Option1', value : '0'},
                    {text : 'Option2', value : '1'},
                    {text : 'Option3', value : '2'}
                    ],
                placeHolder : 'Select an option',
                labelWidth : 0
            }
        ]
    });
    Mitchell Simoens @SenchaMitch
    Sencha Inc, Senior Forum Manager
    ________________
    http://www.JSONPLint.com - Source to lint your JSONP!

    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 almost in print!

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

  4. #3
    Sencha User
    Join Date
    Oct 2010
    Posts
    20
    Vote Rating
    0
    babo_ya is on a distinguished road

      0  

    Default


    Thanks, at least now I know it's an issue on my side.