ASP.NET Core
EditEdit This DocumentInstall NuGet
Demos
Support
Forum
Upgrade Guide
FREE TRIAL
Search results

Display a Dialog with custom position in ASP.NET Core Dialog control

By default, the dialog is displayed in the center of the target container. The dialog position can be set using the position property by providing custom X and Y coordinates. The dialog can be positioned inside the target based on the given X and Y values.

tagHelper
controller.cs
<div id='container' style="height:400px;">
    <ejs-dialog id="dialog" header="Position-01" content="The dialog is positioned at {X: 160, Y: 14} coordinates." target="#container"  height="120px" width="360px">
        <e-dialog-position X="160" Y="14"> </e-dialog-position>
    </ejs-dialog>
    <ejs-dialog id="dialog" header="Position-02" content="The dialog is positioned at {X: 160, Y: 240} coordinates." target="#container" height="120px" width="360px">
        <e-dialog-position X="160" Y="240"> </e-dialog-position>
    </ejs-dialog>
</div>
public class HomeController : Controller
{
    public ActionResult Index()
    {
        return View();
    }
}

Output be like the below.

dialog

Previous
Next