PDA

View Full Version : Prevent tag field from scaling vertically



gpradeepjain
17 Aug 2016, 4:26 AM
Hi,

I have created an example like

https://fiddle.sencha.com/#fiddle/1fc9

Which shows tag field which scales vertically as i keep selecting a row. Is there a way to prevent this as its disturbing the layout arrangement i have, All options should go on horizontally and user can scroll and see what he has selected.

jmin91
17 Aug 2016, 5:23 AM
You want to set the
growMax: 60 // number of pixels config to set a maximum limit that the tag field can grow to. Once this max is reached, a scrollbar is added.

Here's a fiddle that demonstrates this...
https://fiddle.sencha.com/#fiddle/1fce

Read up on the growMax config here: https://docs.sencha.com/extjs/6.2.0-classic/Ext.form.field.Tag.html#cfg-growMax

Hope this helps!

gpradeepjain
17 Aug 2016, 7:15 AM
Is there any other option for this other then growmax..?? to display this properly

jmin91
17 Aug 2016, 7:17 AM
You need to refer to the docs for additional options. I'm not exactly sure what you're looking for but my 1st response answers your question.

gpradeepjain
17 Aug 2016, 7:37 AM
Can i show it as a comma separated list??? Or Fix the width and height and it does not go beyond it, user can scroll horizontally to see all the selected values?