How can I put a vertical scrollbar in extjs

Question

I am using extjs to build a portal and I have the following problem. The images are more than the height of the tab (on the right size). What I want is to add a vertical scroll bar on this tab. How can I do this in extjs?

This is the part of my code:

   items: [{
                xtype: 'tabpanel',
                activeTab: 0,
                flex: 2,
                items: [{
                        xtype: 'panel',
                        title: 'Images',
                        items: [{contentEl:'img',autoScoll: true,height:11200,overflowY : String }]
                 },{    
                        xtype: 'panel',
                        title: 'Material',
                        items: [{contentEl:'msg',autoScoll: true,height:11200,overflowY : String }]
                        }]
            }]

Thanks.

abarisone · Accepted Answer · 2016-05-11T11:21:08.750

7

I can see in your code autoScoll instead of autoScroll: true. It seems to be a typo. Check this out.

edited May 11 '16 at 11:21

answered Mar 06 '15 at 07:05

abarisone

3,707
11
35
54

You were right. I feel stupid as I look at this 30 min already. Is there something similar for the height? Like autoheight? Thanks. – user1919 Mar 06 '15 at 07:12
1

If I'm not wrong you can use something like height:auto. – abarisone Mar 06 '15 at 07:14

score 4 · Answer 2 · answered Mar 09 '15 at 13:15

4

Try adding layout:fit and autoScroll:true.

answered Mar 09 '15 at 13:15

varunm

61
2

score 2 · Answer 3 · answered Mar 06 '15 at 11:33

2

Have you tried this -

overflowY: 'scroll'

Here's what it says in the documentation -

'scroll' to always enable vertical scrollbar (Style overflow-y: 'scroll').

http://docs.sencha.com/extjs/5.1/5.1.0-apidocs/#!/api/Ext.Component-cfg-overflowY

answered Mar 06 '15 at 11:33

Yellen

1,785
16
35

score 2 · Answer 4 · answered May 14 '18 at 16:23

2

For ExtJS 6 you can use Ext.panel.Panel.scrollable.

To enable vertical scroll you can set it as scrollable: 'vertical'.

To force vertical scroll regardless of content you can pass Ext.scroll.Scroller config:

scrollable: {
    y: 'scroll'
}

answered May 14 '18 at 16:23

Sergey Novikov

4,096
7
33
59

How can I put a vertical scrollbar in extjs

4 Answers4