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. (Last updated on: November 16, 2018).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to display validation error on particular row using angularjs?

Thread ID:





120016 Aug 24,2015 12:17 PM UTC Aug 31,2015 09:01 AM UTC JavaScript 3
Tags: ejGrid
Rakesh Advani
Asked On August 24, 2015 12:17 PM UTC


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

Ragavee U S [Syncfusion]
Replied On 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

Rakesh Advani
Replied On 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,

Ragavee U S [Syncfusion]
Replied On 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


This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

or the page will be automatically redirected to sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon