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 4833 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>
0saves
If you enjoyed this post, please consider leaving a comment or subscribing to the RSS feed to have future articles delivered to your feed reader.

Leave a Comment


x

You might be Interested in these Posts

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...

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

There are times when you might want to add Web API project to one of your existing ASP.NET MVC proje...