How to Create Layout in ASP.NET MVC Project ?

Published on March 30, 2013 by abundantcode

Filed under ASP.NET

Last modified March 30, 2013

Print this page

rate 1 star rate 2 star rate 3 star rate 4 star rate 5 star
Your rating: none, Average: 0 (0 votes)

This article have been viewed 6220 times

The ASP.NET MVC Project includes the templates to create a layout for the website . In order to create a layout in ASP.NET MVC project , follow the below steps

How to Create Layout in ASP.NET MVC Project ?

1. Right Click on the View Folder and select “Add New Item” in the context menu.

How to Create Layout in ASP.NET MVC Project ?

2. In the Add New Item Dialog , select the MVC 4 Layout Page(Razor) template , provide a name and click Add button .

How to Create Layout in ASP.NET MVC Project ?

3. This will add the layout page in the shared folder within the Views folder of your ASP.NET MVC Project.

The content of the Layout file will look similar to the code shown below.

<!DOCTYPE html>

<html>

<head>

<meta name="viewport" content="width=device-width" />

<title>@ViewBag.Title</title>

</head>

<body>

<div>

@RenderBody()

</div>

</body>

</html>

Leave a Comment


x

You might be Interested in these Posts

How to read connection string from web.config in ASP.NET and C# ?

Here's a sample code snippet demonstrating how to get the connection string from your ASP.NET web.co...

How to return Json instead of XML in ASP.NET Web API ?

When you make a call to the ASP.NET Web API action method and notice this in Google Chrome browser ,...

How to Add Web API to existing ASP.NET Web Forms Project ?

In one of the previous posts , we saw how to add the WebAPI to the existing ASP.NET MVC project. Wel...