In this article, I’m explaining how to create a custom error page and invoke it when an error comes in the application using asp.net mvc 4.

Step 1

Create an empty asp.net mvc 4 project and add a controller named “HomeController” like this:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Mvc;
 
namespace CustomErrorPageMvcApp.Controllers
{
    public class HomeController : Controller
    {
        //
        // GET: /Home/
 
        public ActionResult Index()
        {
           return View();
        }
 
    }
}

 

Step 2

Now add a view to the project named “Index”

@{
    ViewBag.Title = "Index";
}
 
<h2>Index</h2>

 Step 3

Now add a new folder to the project named “Shared” like this:

customeError1.png

 

And add a view named “Error” like this:

@{
    Layout = null;
}
 
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Error</title>
</head>
<body>
    <hgroup>
        <h1>Error.</h1>
        <h2>An error occurred while processing your request.</h2>
    </hgroup>
</body>
</html>
Step 4

Now add customErrors mode=”On” in the web.config file like this:

customeError2.png

 

Step 5

Now add these codes in the HomeController like this:

  [HandleError()]
  public ActionResult Index()
  {
      string temp = Session["temp"].ToString();
      return View();
  }
Output

Now run the application:

customeError3.png

The above will come and now press F5 and your custom error page will show:

customeError4.png

  Modified On Nov-24-2017 04:45:29 AM

Leave Comment