Custom Error Page in Asp.Net Mvc 4

Here 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 Feb-14-2020 03:56:05 AM

Leave Comment