Override validation message with custom icon

[Nathan]

Is it possible to replace the validation message with my own image? I would like to provide an image and set it's title to the validation message. If there is a way to provide a validation message template, that would be great.


Thanks!

[Rosen]

Hello Nathan,

You can modify the Validator's message appearance by modifying the errorTemplate option. Similar to the following:

<form>
  <input name="firstName" required /><br />
  <button>Click Me</button>
</form>

<script>
  $("form").kendoValidator({
   //this is how the default template looks like
    errorTemplate: '<span class="k-widget k-tooltip k-tooltip-validation"><span class="k-icon k-warning"> </span> #=message#</span>'
  });
</script>

Regards,
Rosen
Telerik