MVC3 .NET - Validation

Question

I've got a webpage built using MVC3 and .NET 4 Validation is working great in that my Client and Server side logic work as required. The field background colour is the standard MVC3 "red" if a field has not been entered when set to "required", however, the field "shrinks" by a few pixels in width, which means that right hand side of the field does not line up with a field which is not required (and has the same css class assigned).

For example:

Before Validation: 1st field is required and has a class = "names" - width: 200px 2nd field is not required and has a class = "names" - width: 200px

After Validation: 1st field is required and has 2 classes = "names" & "input-validation-error"- width: < 200px ~ 198px 2nd field is not required and has 2 classes = "names" & "valid" - width: 200px

Any help would be appreciated.

Erik Funkenbusch · Accepted Answer · 2012-01-04 16:22:24Z

2

That's because the normal field uses a bezeled border, which is 2 pixels wide. The error field is only 1 pixel wide. You can change the CSS to adjust the size of either the border, or the width of the field.

answered Jan 4, 2012 at 16:22

Erik Funkenbusch

93.6k29 gold badges201 silver badges292 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user1079925 Over a year ago

Changed the "input-validation-error" to have solid border with 2px width and worked a treat. Thanks for your help and the quick response to my question

Collectives™ on Stack Overflow

MVC3 .NET - Validation

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related