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
0
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
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
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
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
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
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.