Custom Error Page in Asp.Net Mvc 4

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-20-2017 04:52:39 PM

Leave Comment