Dropdownlist Validation showing up as alert box versus other fields

[Sean Bornstein]

Hello all,

I have an editor template popup and on it I have two dropdownlist controls on it.   On another popup I have the validations show up as yellow messages on the popup form.   On this one these show a "Message from web page" alert box and "Errors:" showing the error messages.  How do I make this show similar to the other textboxes for example where it shows it hovering over the control the yellow validation messages?

<div class="editor-label">
@Html.LabelFor(model => model.UserName)
</div>
<div class="editor-field">
@(Html.Kendo().DropDownList()
.Name("UserName")
.DataValueField("UserName")
.DataTextField("UserName")
.OptionLabel("--Select Value--")
.BindTo((System.Collections.IEnumerable)ViewData["ADUserList"])
)

@Html.ValidationMessageFor(model => model.UserName)
</div>

[Daniel]

Hi,

I am not sure what could be causing this behavior. The Kendo Validator always shows the messages using a tooltip. Could you provide a runnable sample so I can investigate what is causing the problem?

Regards,
Daniel
the Telerik team

[Sean Bornstein]

Yes Daniel I will put that together.

[Daniel]

Hi again,

A possible reason for the message to be displayed with alert is if the client validation is not triggered and you are using the DataSource error event to alert the server errors. If that is the case then the problem could be caused by the Name being prefixed with the current HtmlFieldPrefix. Please try using the DropDownListFor helper instead:

@(Html.Kendo().DropDownListFor(m => m.UserName)
    .DataValueField("UserName")
    .DataTextField("UserName")
    .OptionLabel("--Select Value--")
    .BindTo((System.Collections.IEnumerable)ViewData["ADUserList"])
)

If you are adding custom validation errors on the server then you could use the approach demonstrated in this code-library to show the messages as tooltips. Regards,
Daniel
the Telerik team