Red border on Editor, MultiSelect

2 posts, 0 answers
  1. Matjaz
    Matjaz avatar
    94 posts
    Member since:
    Jun 2014

    Posted 22 Jan 2015 Link to this post

    I documentation I found example how to add red border to widgets. But it is not working for editor and multiselect. 

    How can I achieve that?

    PS: There is also some strange issue. Textarea doesn't show required message, and multiselect does even if it is not empty. (look attached image)
  2. Dimo
    Admin
    Dimo avatar
    8330 posts

    Posted 24 Jan 2015 Link to this post

    Hi Matjaz,

    The default Kendo UI Validator behavior is to apply a k-invalid CSS class to the element, which holds the value. There are two reasons why a red border may not appear:

    - the value element is not visible, so even if it has a red border, you will not see it
    - the value element has no k-input class, so your CSS selector will be ignored

    Also, the validation will not work properly if there is no name attribute set for the element, which is validated. This is explicitly stated in the documentation:

    http://docs.telerik.com/kendo-ui/framework/validator/overview#error-messages

    On the other hand, the default Kendo UI Validator behavior is to add the validator message as a sibling to the value element. This may not be appropriate in all scenarios, that's why you have the ability to define a custom validation message placeholder:

    http://demos.telerik.com/kendo-ui/validator/index
    (see Amount)

    http://docs.telerik.com/kendo-ui/framework/validator/overview#customizing-the-tooltip-position

    Regards,
    Dimo
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Kendo UI is VS 2017 Ready
Back to Top