Customize inline field edit validation tooltip

[Morten]

Hi support.

I'm using the bootstrap v3 theme in a grid where inline editing is enabled.

I would like to customize the field validation error message and can do this by overriding a few kendo css classes like in the attached screenshot.

I'm wondering if this is the preferred way to customize the grid inline edit field error tooltip?

Best regards

Morten

[Hetali]

Hello Mortem,

Indeed, overriding the CSS of the Kendo UI classes is the way to change the styling.

Please use the following classes in the CSS to make the changes without having to use the !important property:

.k-widget.k-tooltip-validation{
  background-color: maroon;
  color: white;
}
    
.k-callout.k-callout-n {
  border-bottom-color: maroon;
}

In this sample Dojo, the validation tooltip has the custom style using the above mentioned classes.

I hope this helps. Please let me know if you have any further questions pertaining to the styling of the validator tooltip in the Kendo UI Grid.

Regards,
Hetali
Progress Telerik

[Morten]

Thanks Hetali for your answer