Hi,
I tried your sample project, It is working in your project. It also working in my project. but the height / width is improper. Please see the screenshot. I observe that it is creating two dialog box.
I also observed that, in your project it is creating two dialog box, 1 behind the other. If you move your dialog you will see two dialog box.
Supporting Data : Parital View :@Html.EJ().Dialog("MessageBox").Title("Expense Reimbursement System").Width(800).IsResponsive(true).Height(300).ContentTemplate(@<div>
@using (Html.BeginForm("List", "PurchaseRequest", FormMethod.Post))
{
<div class="row" style="width: 100%; padding-bottom: 5px;">
<div class="col-md-12" style="padding-right:0px;">
<span id="message"></span>
</div>
</div>
<div class="row" style="width: 100%; padding-bottom: 5px;">
<div class="col-md-12" style="padding-right:0px;">
@Html.EJ().Button("Ok").Type(ButtonType.Submit).Text("Ok").Size(ButtonSize.Normal).ShowRoundedCorner(true).ContentType(ContentType.ImageTextImage).PrefixIcon("e-information")
</div>
</div>
}
</div>)
HTML :
<div class="container">
</div>
Ajax Call : $.ajax({
url: "/PurchaseRequest/MessageBox",
type: "POST",
success: function (e) {
debugger;
$('.container').append($(e));
//$("#message").val(data.Message);
ej.widget.init($('.container'));
}
});
