This is a migrated thread and some comments may be shown as answers.

Customize inline field edit validation tooltip

2 Answers 208 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Morten
Top achievements
Rank 1
Veteran
Morten asked on 22 Oct 2019, 07:22 AM

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

2 Answers, 1 is accepted

Sort by
0
Hetali
Telerik team
answered on 22 Oct 2019, 05:51 PM

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

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
0
Morten
Top achievements
Rank 1
Veteran
answered on 22 Oct 2019, 08:22 PM
Thanks Hetali for your answer
Tags
Grid
Asked by
Morten
Top achievements
Rank 1
Veteran
Answers by
Hetali
Telerik team
Morten
Top achievements
Rank 1
Veteran
Share this question
or