Message only in tooltip

[Jonathan]

Due to the size restrictions on my page, I would like to only show the validation icon beside each field and have the message within a tooltip of that icon.

In other words, is there a way to go from this (default generated):

<span class="k-widget k-tooltip k-tooltip-validation k-invalid-msg" data-for="Impact" role="alert">
   <span class="k-icon k-warning"> </span> Impact is required
</span>

To this:

<span class="k-widget k-tooltip k-tooltip-validation k-invalid-msg" data-for="Impact" role="alert">
   <span class="k-icon k-warning" title="Impact is required"> </span>
</span>

[Rosen]

Hello Jonathan,

You can customize the error message container rendering via the errorTemplate option.  For example:

<form>
  <input name="productName" required /> <br/>
  <button>Save</button>
</form>
<script>
  $("form").kendoValidator({
    errorTemplate: '<span class="k-widget k-tooltip k-tooltip-validation"><span class="k-icon k-warning" title="${message}"></span></span>'
  });
</script>

Regards,
Rosen
Telerik