Home > DeveloperSection > Articles > Custom Error Page in Asp.Net Mvc 4

Custom Error Page in Asp.Net Mvc 4

2 Comment(s)
 2980  View(s)
Rate this:

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 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";





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:


nice article

By Chintoo Semi on   2 years ago
nice article

Nice Article

By Ankit Singh on   2 years ago
good article for beginners

Don't want to miss updates? Please click the below button!

Follow MindStick