We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Validation error appears inside input

When using the FormValidator with a TextBox or DropDownList, the validation error appears inside the input box:


How can I get it to appear to the side or below the box (expected default behaviour - this seems like a bug?)

I'm using the Bootstrap 5 theme.

Thanks,

Rob


1 Reply

PK Priyanka Karthikeyan Syncfusion Team April 5, 2023 12:47 PM UTC

Hi Rob,


We were unable to reproduce the issue in our end. Validation error message is appears below the component. Please find the sample and video attached for your reference.


Sample: https://stackblitz.com/edit/xvexza?file=index.html,index.ts


You can also use customPlacement
event which can be used to place the error message from default position to desired custom location.For more information, You can refer the below documentation.


https://ej2.syncfusion.com/documentation/form-validator/error-messages/#customizing-error-placement


Regards,

Priyanka K



Attachment: 230405_165359_video_824514d6.zip


Loader.
Live Chat Icon For mobile
Up arrow icon