Limit TextArea field Rows and Cols

[martincf]

Is there any way to limit the TextArea by cols and rows?

This post has something along the lines of what I'm looking for, but doesn't appear to be a valid function in Sencha Touch.
http://www.sencha.com/forum/showthre...ws-in-textarea

Is anyone aware of how you would limit the rows and columns?

Martin

[mitchellsimoens]

There is a maxRows config on the TextArea field that will set the rows attribute to the textarea... for the cols, you will have to update the renderTpl:

    renderTpl: [
        '<tpl if="label"><div class="x-form-label"><span>{label}</span></div></tpl>',
        '<tpl if="fieldEl"><div class="x-form-field-container">',
            '<textarea id="{inputId}" type="{type}" name="{name}" class="{fieldCls}"',
            '<tpl if="tabIndex">tabIndex="{tabIndex}" </tpl>',
            '<tpl if="placeHolder">placeholder="{placeHolder}" </tpl>',
            '<tpl if="style">style="{style}" </tpl>',
            '<tpl if="maxRows != undefined">rows="{maxRows}" </tpl>',
            '<tpl if="maxCols != undefined">cols="{maxCols}" </tpl>',
            '<tpl if="maxlength">maxlength="{maxlength}" </tpl>',
            '<tpl if="autoComplete">autocomplete="{autoComplete}" </tpl>',
            '<tpl if="autoCapitalize">autocapitalize="{autoCapitalize}" </tpl>',
            '<tpl if="autoFocus">autofocus="{autoFocus}" </tpl>',
            '></textarea>',
            '<tpl if="useMask"><div class="x-field-mask"></div></tpl>',
        '</div></tpl>'
    ]

See what happens with that. Never messed with this... usually let the form do the sizing and I haven't had to limit the TextArea.