This is a migrated thread and some comments may be shown as answers.

ValidationMessageFor ends up under the DropDown

3 Answers 410 Views

Grid

This is a migrated thread and some comments may be shown as answers.

Daniel asked on 16 Oct 2013, 01:57 PM

Hello,
I'm trying to use an MVC-grid with a custom edit template. I think I got most of it working, but I have a strange problem. The validationmessages ends up in a weird position. The middle message ends up under the dropdown, even though the first one end up on top of another dropdown. Is there a possibility to control the z-level? I don't even set the ValidationMessageFor for the dropdowns, but I guess they are automatic since I have an OptionLabel on them.

@Html.HiddenFor(model => model.Id)

<div class="editor-label">

@Html.LabelFor(model => model.Name)

</div>

<div class="editor-field">

@Html.EditorFor(model => model.Name)

@Html.ValidationMessageFor(model => model.Name)

</div>

<div class="editor-label">

@Html.LabelFor(model => model.OwnerId)

</div>

<div class="editor-field">

@(Html.Kendo().DropDownList()

.Name("OwnerId")

.HtmlAttributes(new { style = "width: 250px" })

.DataTextField("NamePlusDepartment")

.DataValueField("Id")

.OptionLabel("Välj en person")

.DataValueField("Id")

.DataSource(source => {

source.Read(read =>

{

read.Action("GetPersonal", "List");

});

})

)

</div>

<div class="editor-label">

@Html.LabelFor(model => model.ResponsibleId)

</div>

<div class="editor-field">

@(Html.Kendo().DropDownList()

.Name("ResponsibleId")

.HtmlAttributes(new { style = "width: 250px" })

.DataTextField("NamePlusDepartment")

.DataValueField("Id")

.OptionLabel("Välj en person")

.DataSource(source => {

source.Read(read =>

{

read.Action("GetPersonal", "List");

});

})

)

</div>

ValidationMessageFor ends up under the DropDown

3 Answers, 1 is accepted