DatePicker Validation Message on new line

[Tim]

Hi,

 

Our DatePicker's Validation Message is overlapping with the DatePicker's input. I attached an image of the problem.

 

It seems that the <span> element containing the validation message is in the wrong location for the DatePicker. On the same page we have a ComboBox, which has the validation <span> element one level higher than the DatePicker. I tried this in Chrome and moved this element:

<span class="k-widget k-tooltip k-tooltip-validation k-invalid-msg field-validation-error" data-for="SubscribeTill" data-valmsg-for="SubscribeTill" id="SubscribeTill_validationMessage" role="alert">

 

up one level, from inside this element:

<span class="k-picker-wrap k-state-default">

 

to inside this element:

<span class="k-widget k-datepicker k-header">

 

And after this, it seems to work exactly like the ComboBox.

 

It seems this is a bug, but we kind of need this working right now. Is there a way we can move this span manually?

 

Sincerely,

 

Tim

[Stefan]

Hello Tim,

In general, this can occur for some of the widgets because they have a specific rendering.

I can suggest checking the following article demonstrating how the validation tooltip position can be modified:

http://docs.telerik.com/kendo-ui/controls/editors/validator/overview#customization-of-tooltip-position

If the issue still occurs, please send a runnable example which is reproducing it and we will investigate further.

Regards,
Stefan
Telerik by Progress