Formatted value numeric input missing k-invalid class

2 posts, 0 answers
  1. Paweł
    Paweł avatar
    6 posts
    Member since:
    Apr 2016

    Posted 04 Oct 2016 Link to this post


    I noticed, that when using a validation for kendo grid fields, only some fields get the k-invalid class. This can be easily seen on the demo page: .

    All the empty fields are correctly validated, but only ProductName fields has the k-invalid class. The Unit Price and Units In Stock don't (they still kave the k-valid class, although there is tooltip saying that field is required). So my problem is that I want to style invalid fields with red background etc, and it simply doesn't work for numeric fields.

    Is that a known issue? Any workarounds for now?




  2. Dimiter Topalov
    Dimiter Topalov avatar
    1297 posts

    Posted 05 Oct 2016 Link to this post

    Hi Paweł,

    The described behavior is caused by the fact that some widgets (like the Kendo NumericTextBox) have complex rendering mechanisms, and behind the scenes create and use additional DOM elements:

    You can check out the following how-to article from our documentation for an universal approach for marking both inputs and widgets that have failed validation with a red border:

    I hope this helps.

    Dimiter Topalov
    Telerik by Progress
    Get started with Kendo UI in days. Online training courses help you quickly implement components into your apps.
Back to Top