Validation Message Position to wrong control

[Scott Marx]

I am using inline editing with no custom validation, as shown below. When I submit update the validation message are positioned one control to the right, as shown in attached image.

How do I get the validation message to position under the correct control?

schema: {
model: {
id: "RSLenderLoanProgramID",
fields: {
LenderProgramName: { validation: { required: true} },
PDFProgramName: { validation: { required: true} },
LockPeriods: { type: "number", validation: { required: true, min: 1, max: 4} },
Lock1: { type: "number", validation: { min: 7, max: 90, required: true} },
Lock2: { type: "number", validation: { min: 7, max: 90, required: false} },
Lock3: { type: "number", validation: { min: 7, max: 90, required: false} },
Lock4: { type: "number", validation: { min: 7, max: 90, required: false} },
RSLenderLoanProgramID: { editable: false, nullable: true }
}
}
}

[Iliana Dyankova]

Hello Scott,

From the provided picture it appears this behaviour is observed when the column is narrow, which is a known issue and we are working on it. Meanwhile as a possible workaround I can suggest adjusting the position of .k-callout-n element via CSS. For example: 

.k-grid .k-callout-n {
    left: auto;
}

Regards,
Iliana Nikolova
Telerik

[cra]

Hello,

 

I am having this same issue. I see this thread is from back in 2013. Was there ever an official solution for this? I would prefer to not position the tooltip caret to the left because it then looks odd for the other fields in the grid.

[Iliana Dyankova]

Hello Christopher,

Please check the following forum thread which discusses the same case and contains a solution: 

http://www.telerik.com/forums/custom-validation-message-shows-up-on-the-wrong-column#qZfnECMgCEKJlaI-cjNRvQ

Regards,
Iliana Nikolova
Telerik