Hi,
i want to customize the error msg alert position for a single column in one of my iggrid . i have found out the class through inspect element.
But i don't know how to apply styles for that.
For ex i have 3 columns in a grid
Name Qualification Age
i have validation in age column , the user can enter age till 59.
I want to change the alert message position when the alert triggers for that particular column only.
while inspect i have found out this code
<div class="ui-widget ui-igpopover ui-ignotify ui-ignotify-error" style="display: block;left: 445.5px;">
i want to add top position like this(For AGE column only)
<div class="ui-widget ui-igpopover ui-ignotify ui-ignotify-error" style="display: block;top: 9px;left: 445.5px;">
How to do it?
Hello George,
You can do this on "errorShowing" event of the igNotifier control:
errorShowing: function(evt, ui) {
setTimeout(function () {
ui.owner.notifier().setCoordinates({top: 100, left: 100});
}, 0);
}
Where "top" and "left" are the coordinates where you want to put your alert message.
The resulting configuration will look like this:
features: [
{
name: "Updating",
columnSettings: [
columnKey: "age",
required: true,
editorOptions: {
validatorOptions: {
valueRange: {
errorMessage: "Value must be between {0} and {1}.",
min: 1,
max: 59
},
]
Note that you'll need to use "setTimeout" function, because the first time the alert message gets created and the code won't find the igNotifier.
Best regards, Martin Pavlov Infragistics, Inc.
Hi Martin,
Thanks for you reply. The solution which you gave working fine for only one row. if multiple rows get added in the grid then it is not working properly.do you have any idea how to proceed?
Can you please clarify what's not working. Where do you want to place the message? It will help me if you have a sample.
I suspect that the animation of the message might cause the problem. Can you try to disable the animation of the message like this:
notificationOptions: {
animationDuration: 0