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

How to display validation error on particular row using angularjs?


I am using javascript(AngularJS) for Grid in my current project. I am facing some little problem in displaying validation error on row of grid so i need some help for that.

The main issue is when validation error produced on row it show yellow tooltip like popup on textbox this looks fine but when i scroll the grid down it stuck on the same position and row scroll up. you can find attachment for make you more clear.

I think error also should scroll with textbox.

validation error popup also spread on the screen when i resize my browser.

aspect fast reply because of deadline.


Attachment: GridValidationIssiues_646d9917.7z

3 Replies

RU Ragavee U S Syncfusion Team August 25, 2015 06:09 AM UTC

Hi Rakesh,

We have analyzed the reported issue and we suspect that the cause of the issue may be due to some external css.

So could you please let us know if you have set any external css to the grid content or body content as in the below code snippet

overflow-y: scroll;

overflow-x: auto;

If you have applied any custom css, could you please share the code snippets corresponding to it such that it will be helpful for assiting you accordingly.

Also, if you have referred our sampleBrowserSite.css file in your project, we suggest you to exclude that reference from your sample. In our online sample browser, we have included that theme file to showcase our samples and it is not dependent of our controls.

For your convenience, we have created a sample in angularJS with validation rules and the sample can be tracked in the below provided link.

Sample Link: http://jsplayground.syncfusion.com/mhru0a5u

Please get back to us if you need any further assistance.

Ragavee U S

RA Rakesh Advani August 28, 2015 07:23 AM UTC

Hello Ragavee,

Happy to hear from you. I see your live demo link (http://jsplayground.syncfusion.com/mhru0a5u) it looks good. but the problem is you use paging in grid with 15 page size. and i can't use paging because of client requirements.

I sent you video in attachment in previous post so you can see there is no paging in my grid. i made one live demo link like you to show the real issue just refer this link : ( http://jsplayground.syncfusion.com/n2ce4gfx ) play with this link and you will better understand with this demo. :)

add or edit one record with validation error and scroll the grid you will definitely see the issue which is show in my sent video.

Many Thanks,

RU Ragavee U S Syncfusion Team August 31, 2015 09:01 AM UTC

Hi Rakesh,

We have analyzed the sample that you have shared with us and we have considered this query “Validation message scrolls along with grid scroller” as a bug and a support incident has been created under your account to track the status of this issue. Please log on to our support website to check for further updates.


Query: validation error popup also spread on the screen when i resize my browser.

It is the default behavior of the error message to wrap when the window is resized.

Ragavee U S

Live Chat Icon For mobile
Up arrow icon