kendoValidator Editor template (Tooltip)

6 posts, 0 answers
  1. Robert Madrian
    Robert Madrian avatar
    225 posts
    Member since:
    Apr 2003

    Posted 13 Mar 2017 Link to this post

    Hello,

    If I use kendoValidator in a grid Editor template the error is shown in a tooltip over the field - if I use
    a "normal" view the kendoValidator error is shown under the field (see attached Pictures)

    • how to have the same "Tooltip" error in a "normal" form the same as in the grid template?

    robert

  2.
  3. Viktor Tachev
    Admin
    Viktor Tachev avatar
    2497 posts

    Posted 15 Mar 2017 Link to this post

    Hello Robert,

    In order to specify the exact position of the Validatior tooltip you need to add a span element where you would like the tooltip to be shown. You should set .k-invalid-msg CSS class to the span and also add data-for attribute with the name of the field to it. Please check out the article below that describes the approach in more detail.



    Regards,
    Viktor Tachev
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  5. Robert Madrian
    Robert Madrian avatar
    225 posts
    Member since:
    Apr 2003

    Posted 15 Mar 2017 in reply to Viktor Tachev Link to this post

    Hi,

    this is not my Problem - I want to have the same error tooltip as in the grid Editor template whit the callout and which is shown over other Elements (see Picture)

  7. Viktor Tachev
    Admin
    Viktor Tachev avatar
    2497 posts

    Posted 17 Mar 2017 Link to this post

    Hello Robert,

    By default the validation tooltips in the Grid component will be displayed over adjacent content. If you would like to customize the tooltip behavior you can use the approach described in the article from my previous post.

    In case you would like to further customize the tooltip position you can use the approach from the example below:


    If the issue you are seeing persists please send us a runnable project or a dojo sample where the behavior is replicated. This will enable us to examine the issue locally and look for its cause.


    Regards,
    Viktor Tachev
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
  9. Robert Madrian
    Robert Madrian avatar
    225 posts
    Member since:
    Apr 2003

    Posted 21 Mar 2017 in reply to Viktor Tachev Link to this post

    Hi Viktor,

    there is a missunderstanding - in the grid the validation messages are tooltips that display over other adjacent Content -> thats OK but outside the grid in a Standard form the Kendo validator Messages are not tooltips  over other adjacent Content and I want to have there the same as in the grid...

    robert

  11. Viktor Tachev
    Admin
    Viktor Tachev avatar
    2497 posts

    Posted 23 Mar 2017 Link to this post

    Hello Robert,

    I apologize for misunderstanding the requirement. 

    In order to implement the behavior you can specify errorTemplate for the Validator and configure it as in the example below:



    Regards,
    Viktor Tachev
    Telerik by Progress
    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top