Make a fieldset scrollable

[Thierryg]

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 ?

            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

[mitchellsimoens]

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'

[Thierryg]

Thanks that works !!