Working With Layouts in ASP.NET MVC3 Using Razor View

In this article I explain how to use layouts in ASP.Net MVC3 using Razor view, for this use the following steps.

Step 1 : First open Visual Studio and then select File->New->Project.

Step 2 : A window is appear from this Select ASP.NET MVC 3 Web application inside the Web template, give the name of the project that you want to give and then click on ok button.

Step 3 : In the new window select Empty and view as a Razor view and click ok.

Step 4 : Now add a controller by right-clicking on the controller in the Solution Explorer.

Step 5 : Give the name of the controller and click ok.



Step 6 : The controller contains the code:

namespace MvcApplication9.Controllers

{

public class HomeController : Controller

{

public ActionResult Index()

{

return View();

}

}

}

Step 7 : Click on _Layouts.cshtml:

In this write the code as:

<!DOCTYPE html>

<html>

<head>

<title>@ViewBag.Title</title>

<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />

<script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>

</head>

<body>

<div id="header">

<h1>

Welcome to the DOT NET world</h1>

<div class="topLink">

<div class="autoCenter">

<ul class="link">

<li class="first"><a href="#">Home</a></li>

<li><a href="#">Technologies</a></li>

<li><a href="#">Article </a></li>

<li><a href="#">Blog</a></li>

<li><a href="#">Interview questions</a></li>

</ul>

</div>

</div>

</div>

<div id="sidebar">

<p>

Must Read</p>

<ul>

<li><a href="#">ASP.NET</a></li>