Spring Roo :: Adjust Text Box Size/width

Spring Roo uses Dojo’s dijit.form.ValidationTextbox widget by default. This means only way to adjust textbox size is to adjust the width of widget. And this has to be done with widget attributes using Spring.addDecoration(); available in spring-js.

1
2
3
4
5
6
7
8
9
10
11

Spring.addDecoration(new Spring.ElementDecoration({
    elementId : '_${sec_field}_id',
    widgetType : 'dijit.form.ValidationTextBox',
    widgetAttrs : {
        promptMessage: '${sec_field_validation}',
        invalidMessage: '${sec_field_invalid}',
        required : ${required},
        <c:if test="${not empty width}">style: 'width: ${width}',</c:if>
        ${sec_validation_regex} missingMessage : '${sec_field_required}'
    }
}));

Here I have used a new attribute width, which is added to input.tagx.

Usage:

1

<field:input field="${field}" id="${id}" width="4em" z="u2Ah8NwmZxxKGJHNnTmYs2AL79o=" />

Spring Roo input.tagx with adjustable width attribute

You may use the above gist as is or with modification, just don’t forget to attribute.