Window Loses Modal State Upon Validation Errors

[Chi Sim]

I created a modal window using the following codes:

<% Html.Telerik().Window()
.Name("winCreateUser")
.Title("Create New User")
.Modal(true)
.LoadContentFrom(Url.Action("Create", "Users"))
.Draggable(true)
.Scrollable(true)
.Visible(false)
.Width(750)
.Height(500)

%>

<% Html.Telerik().ScriptRegistrar()
.OnDocumentReady(() => {%>
var createWindow = $('#winCreateUser');
var createButton = $('#createUser');

var w = $('#winCreateUser').data('tWindow');

createButton
.bind('click', function(e) {
w.center().open();
createButton.hide();
       
})

.toggle(!createWindow.is(':visible'));

createWindow.bind('close', function() {
createButton.show();
});

<%}); %>

LoadContentFrom property is set to a View (aspx) page containing some strongly-typed user input fields, and the associated validation such as the following:

<%: Html.TextBoxFor(model => model.Username) %>
<%: Html.ValidationMessageFor(model => model.Username) %>

<input type="submit" id="createButton" name="create" value="CreateUser" />

The submit button works fine when all input fields were entered correctly. It closes the window and return back to the main window. However, when there are validation errors occur, the modal window will lose its modal state, and the content is displayed in the main window instead. What did I do wrong? Any suggestion is very much appreciated. Thank you.

[Alex Gyoshev]

Hi Chi Sim,

Have you attached any JavaScript handlers to the createButton? If not, the data is submitted to the server, instead through an AJAX request (thus the window is hidden). Using client-side validation (step 3 of the blog post) will solve this problem.

Best wishes,
Alex Gyoshev
the Telerik team

[Chi Sim]

No, I did not attach any Javascript handlers to the createButton. As you suggested, I am using client-side validation as described in the blog you provided. The problem still persists. About the javascript handlers, do I need to do anything about it?

[Chi Sim]

I have double-checked our codes, all validations occur at the client-side. But the window still looses its modal state, becoming a regular content inside the main window. Is there anything I can do to prevent this? Thanks.

[Alex Gyoshev]

Hello Chi Sim,

Can you send us your project (or a sample one that reproduces the issue)? We are not aware of such an issue and need to examine the case in order to fix it.

Greetings,
Alex Gyoshev
the Telerik team

[Chi Sim]

I have sent a sample project in a support ticket #380087.