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
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.
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?
Added wrong screenshot.
Here is the correct one: