Hi,
I have recently been working with igGrid and things have been going well. However, I ran into a problem with a validation message box.
So I have a grid which I set up validation for a column in the features section based on this post I found: https://es.infragistics.com/community/forums/f/ignite-ui-for-javascript/89595/best-way-to-validate-for-unique-values-in-a-column-of-the-grid
It worked well except that the error message is half way off the screen. If I use Chrome's inspector I can see the label message box appear in the CSS and they styles set on the label. However, I have tried various ways of overwriting their CSS styles to fix my problem. Yet, none of it worked. Is there a way to edit the style of the error message when using 'checkValue' in the validationOptions?
I have attached a screenshot of the issue and a text file with the setup of my updating feature with the validation code.
Thanks,
Julie
UPDATE: Okay I can overwrite it by doing this:
label.ui-igvalidator.ui-widget.ui-state-error.ui-corner-all { margin-left: 0 !important; padding-right: 5px;}
But is there a better, non-hacky way?
Hi Julie,
This is actually the way you will do this as this is what the css class label.ui-igvalidator.ui-widget.ui-state-error.ui-corner-all {..} is intended for.