This is a migrated thread and some comments may be shown as answers.

kendoValidator Editor template (Tooltip)

5 Answers 278 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Robert Madrian
Top achievements
Rank 1
Veteran
Iron
Robert Madrian asked on 13 Mar 2017, 12:36 PM

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

5 Answers, 1 is accepted

Sort by
0
Viktor Tachev
Telerik team
answered on 15 Mar 2017, 09:00 AM
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.
0
Robert Madrian
Top achievements
Rank 1
Veteran
Iron
answered on 15 Mar 2017, 12:03 PM

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)

0
Viktor Tachev
Telerik team
answered on 17 Mar 2017, 09:56 AM
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.
0
Robert Madrian
Top achievements
Rank 1
Veteran
Iron
answered on 21 Mar 2017, 07:48 PM

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

0
Viktor Tachev
Telerik team
answered on 23 Mar 2017, 01:43 PM
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.
Tags
Grid
Asked by
Robert Madrian
Top achievements
Rank 1
Veteran
Iron
Answers by
Viktor Tachev
Telerik team
Robert Madrian
Top achievements
Rank 1
Veteran
Iron
Share this question
or