1. #1
    Sencha User
    Join Date
    Jan 2012
    Location
    Rennes - France
    Posts
    172
    Vote Rating
    1
    Answers
    2
    Thierryg is on a distinguished road

      0  

    Default Answered: Make a fieldset scrollable

    Answered: Make a fieldset scrollable


    Hi,

    I wanna know if a fieldset can be scrollable ?

    Indeed, i have a "list" on another view that can be scrolled in case if other element are not showned.

    Should i use a form instead of a fieldset ?

    Code:
                var _statusview1 = Ext.create('Ext.navigation.View',
                    {
                        fullscreen: true,
                        items:
                            [
                                {
                                    title : _strings_status[dmngConfig.device[0].LanguageID],
                                    layout: 'card',
                                    items :
                                        [
                                            {
                                                xtype : 'toolbar',
                                                docked: 'top',
                                                ui    : 'light',
                                                title :  _strings_status[dmngConfig.device[0].LanguageID],
                                                items :
                                                    [{
                                                        xtype  : 'button',
                                                        ui     : 'round',
                                                        text   : 'Home',
                                                        handler: function()
                                                        {
                                                            //console.log("HOME button");
                                                            parent.hid.setActiveItem(1);
                                                            parent.hid.getActiveItem().setActiveItem(0);
                                                        }
                                                    }]
                                            },
                                            {
                                                xtype: 'fieldset',
                                                defaults:
                                                {
                                                    labelAlign: 'left',
                                                    labelWidth: '45%',
                                                    allowBlank: false,
                                                    readOnly:   true
                                                },
                                                items:
                                                [
                                                    // --- UP/Tx field ---
                                                    {
                                                         xtype:      'textfield',
                                                         id:         'Tx',
                                                         name:       'Tx',
                                                         label:      _strings_status_tx[dmngConfig.device[0].LanguageID],
                                                         value:      _network_Tx,
                                                         maxLength:  10,
    
    
                                                     },
                                                    // --- DOWN/Rx field ---
                                                    {
                                                        xtype:      'textfield',
                                                        id:         'Rx',
                                                        name:       'Rx',
                                                        label:      _strings_status_rx[dmngConfig.device[0].LanguageID],
                                                        value:      _network_Rx,
                                                        maxLength:  10
    
    
                                                    },
                                                    // --- Bandwitch ---
                                                    {
                                                        xtype:      'textfield',
                                                        id:         'bandwitch',
                                                        name:       'bandwitch',
                                                        label:      _strings_status_bandwitch[dmngConfig.device[0].LanguageID],
                                                        value:      _network_bandwitch,
                                                        maxLength:  10
                                                    },
                                                    // --- NB modems ---
                                                    {
                                                        xtype:      'textfield',
                                                        id:         'nbmodems',
                                                        name:       'nbmodem',
                                                        label:      _strings_status_nbmodems[dmngConfig.device[0].LanguageID],
                                                        value:      _network_nbmodems,
                                                        maxLength:  10
                                                    },
                                                    // --- Battery level ---
                                                    {
                                                        xtype:      'textfield',
                                                        id:         'battery',
                                                        name:       'battery',
                                                        label:      _strings_status_battery_level[dmngConfig.device[0].LanguageID],
                                                        value:      _battery_level,
                                                        maxLength:  10
                                                    }
                                                ]
                                            }
                                        ]
                                }
                            ]
                    });
    Thanks in advance of your reply.

    Regards

  2. To evaluate whether something is scrollable, I first consult the API docs and make sure it has a scrollable config and FieldSet does. FieldSet is just a Container with a couple other things so you should be able to set scrollable : 'vertical'

  3. #2
    Sencha - Senior Forum Manager mitchellsimoens's Avatar
    Join Date
    Mar 2007
    Location
    Gainesville, FL
    Posts
    37,651
    Vote Rating
    899
    Answers
    3575
    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


    To evaluate whether something is scrollable, I first consult the API docs and make sure it has a scrollable config and FieldSet does. FieldSet is just a Container with a couple other things so you should be able to set scrollable : 'vertical'
    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
    Jan 2012
    Location
    Rennes - France
    Posts
    172
    Vote Rating
    1
    Answers
    2
    Thierryg is on a distinguished road

      0  

    Default


    Thanks that works !!

Thread Participants: 1