1. #1
    Sencha User
    Join Date
    Dec 2012
    Location
    Bangalore India
    Posts
    6
    Vote Rating
    0
    tntv33 is on a distinguished road

      0  

    Default Unanswered: Prev and Next buttons on softpad dont navigate across form fields consistently

    Unanswered: Prev and Next buttons on softpad dont navigate across form fields consistently


    I have a form, when i use the Prev and Next Buttons on the softpad of mobile device, the focus does not change consistently. Sometimes i see that Next button or the Prev button being disabled. Does anybody facing the same issue. I am not able to find a fix for this problem. Could someone help me on this.

    Code:
    Ext.define('NotesApp.view.NoteEditor', {
        extend: 'Ext.form.Panel',
        alias: "widget.noteeditor",
    
    
        config: {
            items: [
                {
                    xtype: 'container',
                    cls: [
                        'x-toolbar-bottom'
                    ],
                    height: 50,
                    layout: {
                        align: 'center',
                        pack: 'center',
                        type: 'hbox'
                    },
                    scrollable: false,
                    items: [
                        {
                            xtype: 'button',
                            cls: 'x-button-no-border',
                            text: 'Save'
                        },
                        {
                            xtype: 'button',
                            cls: 'x-button-no-border',
                            text: 'Cancel'
                        }
                    ]
                },
                {
                    xtype: 'container',
                    items: [
                        {
                            xtype: 'fieldset',
                            title: '',
                            items: [
                                {
                                    xtype: 'selectfield',
                                    label: 'Text#',
                                    labelWidth: '50%'
                                },
                                {
                                    xtype: 'selectfield',
                                    label: 'ID No.',
                                    labelWidth: '50%'
                                },
                                {
                                    xtype: 'numberfield',
                                    label: 'Width',
                                    labelWidth: '50%'
                                },
                                {
                                    xtype: 'numberfield',
                                    label: 'Height',
                                    labelWidth: '50%'
                                },
                                {
                                    xtype: 'numberfield',
                                    label: 'Depth',
                                    labelWidth: '50%'
                                },
                                {
                                    xtype: 'numberfield',
                                    label: 'Field',
                                    labelWidth: '50%'
                                },
                                {
                                    xtype: 'numberfield',
                                    label: 'POS1',
                                    labelWidth: '50%'
                                },
                                {
                                    xtype: 'numberfield',
                                    label: 'POS2',
                                    labelWidth: '50%'
                                },
                                {
                                    xtype: 'numberfield',
                                    label: 'POS3',
                                    labelWidth: '50%'
                                },
                                {
                                    xtype: 'numberfield',
                                    label: 'Field',
                                    labelWidth: '50%'
                                },
                                {
                                    xtype: 'textfield',
                                    label: 'Slant',
                                    labelWidth: '50%'
                                }
                            ]
                        },
                        {
                            xtype: 'textareafield',
                            label: 'Comments',
                            labelAlign: 'top'
                        }
                    ]
                }
            ]
        }
    
    
    });

  2. #2
    Touch Premium Member BostonMerlin's Avatar
    Join Date
    Aug 2010
    Location
    Boston
    Posts
    523
    Vote Rating
    43
    Answers
    20
    BostonMerlin is a jewel in the rough BostonMerlin is a jewel in the rough BostonMerlin is a jewel in the rough

      0  

    Default


    tab should flow with the order of elements on your page. If not, try assigning tab index to your input tags like so: <input type='text' tabindex=1>.

    Hope that helps.
    John

  3. #3
    Sencha User
    Join Date
    Dec 2012
    Location
    Bangalore India
    Posts
    6
    Vote Rating
    0
    tntv33 is on a distinguished road

      0  

    Default


    I added tabIndex=1 , tabIndex=2, tabIndex=3..... so on across each field. But still this issue is not solved on Android phones.

Thread Participants: 1

Tags for this Thread