When placing an Editor in a Window the Editor control does not render correctly (tried this in IE 10, 9, 8 and FireFox)
We are using the latest verion of the MVC Wrappers: 2012.2.913.340
Below is an example from our code (Partial View)
On our Detail page:
Our onclick function for the window:
I have attached an image of how the partial view is being rendered in the Window
We are using the latest verion of the MVC Wrappers: 2012.2.913.340
Below is an example from our code (Partial View)
@using (Ajax.BeginForm("AddComment", "Incident", new AjaxOptions { HttpMethod = "Post", OnSuccess = "onSuccess('AddWindow')" }))
{
@Html.ValidationSummary(true)
<
div
class
=
"editor-field"
>
@(Html.Kendo().EditorFor(model => model.Comment)
.Name("Comment")
.Tools(tool => tool
.Clear()
.Bold()
.Italic()
.Underline()
.InsertOrderedList()
.InsertUnorderedList()
.JustifyLeft()
.JustifyCenter()
.JustifyRight()
.JustifyFull()
.Indent()
.Outdent()
.CreateLink()
.Unlink()))
@Html.ValidationMessageFor(model => model.Comment)
</
div
>
@Html.HiddenFor(model => model.IncidentId)
<
p
>
<
input
type
=
"submit"
value
=
"Add Comment"
class
=
"k-button"
/>
</
p
>
}
On our Detail page:
@(Html.Kendo().Window()
.Name("AddWindow")
.Title("Add Comment")
.Content(@<
div
>@Html.Partial("IncidentCommentAddPartial", Model.AddComment)</
div
>)
.Draggable(true)
.Modal(true)
.Visible(false)
.Width(625)
)
Our onclick function for the window:
$(
'#addComment'
).click(
function
(e) {
e.preventDefault();
window.center().open();
});
I have attached an image of how the partial view is being rendered in the Window