I have a dialog that I want to open from my Index.cshtml page. The dialog I want to show is in ViewRace.cshtml. I can open it with ejDialog but it's kind of clunky. For EJ2 is there a better way to open a modal dialog. This is my ej code and html
function ViewRace(id) {
$("#ViewModal").css({
display: "block",
visibility: "visible"
});
var url = $(location).attr('protocol') + "//" + $(location).attr('host') + "/CAdminDistrictRace/ViewRace/?Id=" + id;
//alert(url);
contentUrl = url;
$("#ajaxDialog").ejDialog(
{
contentUrl: contentUrl,
contentType: "ajax",
title: "View Race",
width: 1200,
height: 675,
showHeader: true,
content: ".cols-sample-area",
close: "onDialogClose"
});
$("#ajaxDialog").ejDialog("open");
return false;
}<div class="content-container-fluid" id="ViewModal">
<div class="row">
<div class="cols-sample-area">
@*<input class="e-btn" id="btnOpen" value="Click to open dialog" />*@
<div class="control">
<div id="ajaxDialog">
</div>
</div>
</div>
</div>
</div>