1. Install From Nuget
Visual Studio Nuget Package Manager - Install-Package NToastNotify
dotnet CLI - dotnet add package NToastNotify
2. Add NtoastNotify to the ASP.NET Core Services. Use the extension method on IMVCBuilder or IMVCCoreBuilder
-
using NToastNotify.Libraries; services.AddMvc().AddNToastNotifyToastr(new ToastOption() { ProgressBar = false, PositionClass = ToastPositions.BottomCenter }); //Or simply go services.AddMvc().AddNToastNotifyToastr();
-
using NToastNotify.Libraries; services.AddMvc().AddFeatureFolders().AddNToastNotifyNoty(new NotyOptions { ProgressBar = true, Timeout = 5000, Theme = "mint" }); //Or Simply go services.AddMvc().AddNToastNotifyNoty();
Note: Make sure you have necessary using statements.
The ToastOption parameter acts as the global options for the toast library. If no options are provided the global settings will be the default toastr options.
public void Configure(IApplicationBuilder app, IHostingEnvironment env)
{
//NOTE this line must be above .UseMvc() line.
app.UseNToastNotify();
app.UseMvc(routes =>
{
routes.MapRoute(
name: "default",
template: "{controller=Home}/{action=Index}/{id?}");
});
}@await Component.InvokeAsync("NToastNotify")The above line renders the View necessary for the view component. Although you can place this line anywhere inside your head or body tag, It is recommended that you place this line at the end before the closing body tag.
public class HomeController : Controller
{
private readonly IToastNotification _toastNotification;
public HomeController(IToastNotification toastNotification)
{
_toastNotification = toastNotification;
}
public IActionResult Index()
{
//Testing Default Methods
//Success
_toastNotification.AddSuccessToastMessage("Same for success message");
// Success with default options (taking into account the overwritten defaults when initializing in Startup.cs)
_toastNotification.AddSuccessToastMessage();
//Info
_toastNotification.AddInfoToastMessage();
//Warning
_toastNotification.AddWarningToastMessage();
//Error
_toastNotification.AddErrorToastMessage();
return View();
}
public IActionResult About()
{
_toastNotification.AddInfoToastMessage("You got redirected");
return View();
}
public IActionResult Contact()
{
_toastNotification.AddAlertToastMessage("You will be redirected");
return RedirectToAction("About");
}
public IActionResult Error()
{
_toastNotification.AddErrorToastMessage("There was something wrong with this request.");
return View();
}
public IActionResult Empty()
{
return View();
}
public IActionResult Ajax()
{
_toastNotification.AddInfoToastMessage("This page will make ajax requests and show notifications.");
return View();
}
public IActionResult AjaxCall()
{
System.Threading.Thread.Sleep(2000);
_toastNotification.AddSuccessToastMessage("This toast is shown on Ajax request. AJAX CALL " + DateTime.Now.ToLongTimeString());
return PartialView("_PartialView", "Ajax Call");
}
public IActionResult NormalAjaxCall()
{
return PartialView("_PartialView", "Normal Ajax Call");
}
public IActionResult ErrorAjaxCall()
{
throw new Exception("Error occurred");
}
}using noty (basically the same thing only thing that changes is the options type, here its NotyOptions)
public class HomeController : Controller
{
private readonly IToastNotification _toastNotification;
public HomeController(IToastNotification toastNotification)
{
_toastNotification = toastNotification;
}
public IActionResult Index()
{
_toastNotification.AddSuccessToastMessage();
_toastNotification.AddErrorToastMessage("Test Erro", new NotyOptions()
{
Timeout = 0
});
return View();
}
public IActionResult About()
{
ViewData["Message"] = "Your application description page.";
_toastNotification.AddAlertToastMessage("My About Warning Message");
return View();
}
public IActionResult Contact()
{
ViewData["Message"] = "Your contact page.";
_toastNotification.AddInfoToastMessage("Dont get confused. <br /> <strong>You were redirected from Contact Page. <strong/>");
return RedirectToAction("About");
}
public IActionResult Error()
{
_toastNotification.AddErrorToastMessage("There was something wrong with this request.");
return View(new ErrorViewModel { RequestId = Activity.Current?.Id ?? HttpContext.TraceIdentifier });
}
public IActionResult Ajax()
{
_toastNotification.AddInfoToastMessage("This page will make ajax requests and show notifications.");
return View();
}
public IActionResult AjaxCall()
{
System.Threading.Thread.Sleep(2000);
_toastNotification.AddSuccessToastMessage("This toast is shown on Ajax request. AJAX CALL " + DateTime.Now.ToLongTimeString());
return PartialView("_PartialView", "Ajax Call");
}
public IActionResult NormalAjaxCall()
{
return PartialView("_PartialView", "Normal Ajax Call");
}
public IActionResult ErrorAjaxCall()
{
throw new Exception("Error occurred");
}
}
