PDA

View Full Version : textarea and scroll how-to?



profunctional
3 Oct 2011, 6:33 PM
I have tried setting the textarea scroll to vertical since version 1.0 all the way to 1.1.1 and it still doesn't work. How do you set scroll bars on the textareafield?

NickT
4 Oct 2011, 10:49 AM
Here is a formpanel containing fields one of which is a textareafield. The scrollbar is activated on the textarea


{ fullscreen: true,
xtype: 'formpanel',
width: '100%',
height: '100%',
scroll:false,
defaults: {
labelWidth: '20%'
},
dockedItems: [
{
xtype: 'toolbar',
back: {
text: 'Back',
handler: function(button) {

}
}
}
],
items:[
{xtype: 'panel',
listeners: {
el: {
drag: { fn: function() {
} }
}
},
scroll: 'none',
items:[
{
xtype:'textfield',
label:'name'
},
{
xtype:'textareafield',
label:'description',
height: 300,
maxLength: 30000,
maxRows: 10,
value: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam mollis vestibulum euismod. Fusce faucibus orci et diam mollis ut aliquam velit aliquet. Fusce lobortis varius semper. Donec interdum posuere massa, varius ullamcorper orci congue a. Integer mauris urna, pretium ac luctus at, molestie ut magna. Praesent hendrerit hendrerit ante ut egestas. Etiam tincidunt ultrices tortor, eget pellentesque odio tempor sed. Maecenas fringilla odio lobortis diam posuere nec vestibulum justo pretium. Sed vehicula nisl ac est congue hendrerit. Aliquam erat volutpat. In et purus fermentum dui gravida sodales nec sit amet sapien. Nulla nunc elit, lacinia eu interdum vel, laoreet in enim. Suspendisse porta nunc ac velit eleifend vel porta diam rutrum. Nulla eget sapien urna. Suspendisse potenti. Ut interdum iaculis dui ut imperdiet. Nullam sed lectus at libero interdum fringilla. Mauris accumsan vulputate facilisis. Sed feugiat porta lacus non adipiscing. Suspendisse potenti. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse lobortis nisl et sem ullamcorper mollis. Ut augue odio, luctus sed mattis vitae, dictum non mi. Duis eget elit erat. Quisque pharetra nisl ac nulla aliquet id hendrerit urna laoreet. Duis libero elit, blandit in pellentesque in, ullamcorper id odio. Maecenas ullamcorper dignissim adipiscing. Duis volutpat, augue eget rhoncus sollicitudin, enim elit ultricies metus, et sollicitudin neque eros at nisl. Maecenas lacus est, suscipit sit amet sagittis viverra, fermentum id mi. Vestibulum faucibus, elit quis dictum egestas, nunc sem rhoncus arcu, eu ornare tortor dui porttitor diam. Donec imperdiet, metus at facilisis vehicula, augue odio malesuada nisl, non vulputate mauris nulla in leo. Mauris suscipit dolor nec purus sodales vehicula. Suspendisse at ligula diam, sed tempus est. Praesent vitae lectus placerat nulla ultrices dictum at id justo. Vivamus condimentum nulla dolor. Donec suscipit molestie lacus, vitae rutrum arcu vulputate et. Fusce tincidunt semper luctus. Quisque commodo enim vitae felis vehicula facilisis. Morbi in convallis justo. Pellentesque fringilla fermentum neque eu interdum. Nam eu tortor tellus, iaculis suscipit nibh. Vestibulum neque est, vehicula a faucibus ac, bibendum nec justo. Duis convallis erat vitae sem tempus pellentesque. Nullam nec ipsum nisl, sit amet sollicitudin nibh. In rutrum consectetur tristique. Quisque neque felis, sollicitudin id cursus quis, iaculis ut augue. Maecenas auctor nibh in tortor dictum non mollis tortor scelerisque. Aliquam ultricies sem non felis aliquam venenatis. Donec sollicitudin tristique felis quis lobortis. Suspendisse purus nisl, dictum vel blandit at, tempus nec nisl. Morbi laoreet porttitor metus quis sollicitudin. Morbi sed dignissim turpis. Phasellus sed lobortis felis. Vivamus dapibus tristique mi, in rutrum arcu aliquet at. Donec ac nunc eget nulla mattis mattis. Donec at ultrices metus. Integer vulputate malesuada risus eget condimentum. Cras cursus placerat risus sed gravida. Aliquam eget dui ut massa mattis dignissim. Fusce vehicula, velit in rutrum sodales, urna quam luctus metus, semper aliquam orci orci in mi. Mauris nec odio et nibh molestie vulputate. Duis vitae quam ipsum, sed consectetur ligula. In arcu odio, lobortis id pretium at, vestibulum et orci.'
},
{
xtype:'numberfield',
label:'age'
},
{
xtype:'textfield',
label:'height'
},
{
xtype:'numberfield',
label:'weight'
}
]}]
}

NickT
4 Oct 2011, 10:59 AM
arg,
works in chrome but not on iphone :(