Search results
Display a Dialog with custom position in ASP.NET Core Dialog control
20 Apr 2021 / 1 minute to read
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.
Thank you for your feedback and comments.We will rectify this as soon as possible!