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

Step 1

Create an empty 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";

 Step 3

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



And add a view named “Error” like this:

    Layout = null;
<!DOCTYPE html>
    <meta name="viewport" content="width=device-width" />
        <h2>An error occurred while processing your request.</h2>
Step 4

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



Step 5

Now add these codes in the HomeController like this:

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

Now run the application:


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


  Modified On Nov-29-2017 10:20:10 PM

Leave Comment