Validation Message Positioning

a2ztech

while in in-line editing - by default the validation message is displayed at the bottom of a control. But, when the control is a date/time field, the error message is obstructed by the date/time picker and use can't really read the error message (see attached). Is there a way we can display the validation message on top of the field than at the bottom? What is the best way to handle this?

allan

Very good point - thanks for flagging this up. There are a couple of workarounds for this (I will look into addressing this fully in the Editor code):

1. You could reorder the DOM as you suggest, which you would do when the open method is triggered (and the second parameter passed in is inline).
2. Use CSS to position the error message above the calendar:

div.DTE_Inline div.DTE_Field_Type_datetime div.DTE_Field_Error {
    position: absolute;
    top: 23px;
    left: 3px;
    z-index: 2051;
    white-space: nowrap;
}

Its a big ugly, but the CSS might be the fastest workaround.

Regards,
Allan

a2ztech

CSS trick does work

thx!