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

Custom Error Page in Asp.Net Mvc 4


ASP.NET MVC .NET  ASP.NET MVC  C# 
Ratings:
2 Comment(s)
 3127  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";

}

 

<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


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