Use Sweet alert in MVC4

How can I use sweet alert in my MVC4 Project ?

See my view code in below.... I want to use it without any change in Controller. Just do it in view.

@using System.Data

@using Newtonsoft.Json

@model FTSSolution.Models.Released_Employee

ViewBag.Title = "Create";

DataTable tbl = (DataTable)ViewBag.UserDetails;

//EnumerableRowCollection rows = from user in tbl.AsEnumerable()

// where user.Field("empid") == Model.empID

// select user;

//DataRow dr = (DataRow)rows.FirstOrDefault();

}

@using (Html.BeginForm())

{

@Html.ValidationMessage("CustomError")

@Html.AntiForgeryToken()

@Html.ValidationSummary(true)

@Html.ValidationMessage("CustomError")

@Html.ActionLink("Back to Index", "Index", "", new { @class = "btn btn-info btn-block" })

@**@

Released Employee - Entry

Employee Code :

@Html.DropDownList("empID", new SelectList(ViewBag.UserList, "Id", "Name"), new { @Id = "ddlUser", @class = "form-control btn-block", @onchange = "userDetails()" })

@Html.ValidationMessageFor(model => model.empID)

@Html.Hidden("empCode", new SelectList(ViewBag.UserList, "Id", "Name"), new { @Id = "ddlUser", @class = "form-control btn-block", @onchange = "userDetails()",style = "display:none;" })

@Html.ValidationMessageFor(model => model.empCode)

Name :

Joining Date :

@*@Html.TextBoxFor(model => model.dtJoin, new { @placeholder = "Joining Date", @class = "form-control", @id = "datepicker" })

@Html.ValidationMessageFor(model => model.dtJoin)*@

@*@Html.Label(@dr["CatName"].ToString(), new { @ID = "dtJoin" })*@

@*@Html.TextBoxFor(model => model.dtJoin, new { @placeholder = "Joining Date", @class = "form-control", @id = "datepicker" })

@Html.ValidationMessageFor(model => model.dtJoin)*@

Released Date :

@Html.TextBoxFor(model => model.dtReleased, new { @placeholder = "Released Date", @id = "datepicker1", @class = "form-control" })

@Html.ValidationMessageFor(model => model.dtReleased)

Remarks :

@Html.TextBoxFor(model => model.Remarks, "", new { @class = "form-control btn-block" })

@Html.ValidationMessageFor(model => model.Remarks)

@*@Html.TextBoxFor(model => model.CardNo, "2", new { @class = "form-control btn-block", style = "display:none;" })

@Html.TextBoxFor(model => model.dtJoin, "2", new { @class = "form-control btn-block", style = "display:none;" })

@Html.TextBoxFor(model => model.empCode, "2", new { @class = "form-control btn-block", style = "display:none;" })*@

top: 0px; width: 100%; height: 100%; background-color: #666666; z-index: 30001;

opacity: .8; filter: alpha(opacity=70);display:none">

@Html.ActionLink("Back to List", "Index", "", new { @class = "btn btn-info btn-block" })

}

When submit data then the message will appear .

like...this one

Now here should use this alert message ?

2 Replies

Know the answer? Post it — somebody with the same question will find it here.

Ankit Sharma9y ago
Hi Nazmul,

you can install sweetalert using Nuget packagemanager console

Install-Package SweetAlert

use this link to know how to use sweet alert in razor pages

http://www.c-sharpcorner.com/article/introduction-to-sweetalert-library-in-asp-net-mvc-razor/

you can also get some alert box examples here

https://limonte.github.io/sweetalert2/

https://sweetalert.js.org/docs/
Pramod Thakur9y ago
Follow this article.

http://www.c-sharpcorner.com/UploadFile/4d9083/sweet-alert-with-mvc/