I checked with firebug and found that error messages shown by validation controls are rended as span and visibility: hidden; style is applied to them in order to make them invisible.
Because of visibility: hidden; style the space for the error message is reserved and this distorts the UI.
Check this image
I checked with firebug and got to know if we apply display:none instead of visibility:hidden this UI distortion will be fixed. But I don’t know how to apply this style as the span for error message is created internally and the style applied is inline.
Can anyone please let me know how to fix this?
Thanks.
Try using
Display="Dynamic"attribute on your validators.This should use the
display:nonestyle instead ofdisplay:hiddenMore information from MSDN