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
    Gainesville, FL
    Posts
    37,642
    Vote Rating
    899
    Answers
    3574
    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


    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
    ________________
    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.

  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.

Thread Participants: 1