Force all Areas to use same Layout

asp.net MvcRazorasp.net Mvc-Routingasp.net Mvc-Areas

asp.net Mvc Problem Overview


I have the following project structure:

  • /Views/Shared/_Layout;

  • /Areas/Area1/Views/ControllerName/Index;

...

  • /Areas/AreaN/Views/ControllerName/Index.

Is there any way to force all areas to use the _Layout as a base layout?

Is there any way to do it without adding the _ViewStart file (for example, via the routing configuration)?

See Also:

How do I specify different Layouts in the ASP.NET MVC 3 razor ViewStart file?

asp.net Mvc Solutions


Solution 1 - asp.net Mvc

You just have to add a file named:

_ViewStart.cshtml

Under each area views folder:

/Areas/Area1/Views/_ViewStart.cshtml

And edit the file to point to the root layout like this:

@{
    Layout = "~/Views/Shared/_Layout.cshtml";
}

In order for this to work, you do not have to specify a value in the view's layout property, if you do, you would be overriding the global layout

Note: As Tony mentioned, you could edit each view's layout property to point to the root layout, however this is not the recommended way to do it since you would be coupling your views with your layout and change it would be painful

Edit 1

If you would like to use code to set the default view's layout, perhaps you should consider writing a custom view engine.

Try to google about custom RazorViewEngine and RazorView

This article could be a good start point

http://weblogs.asp.net/imranbaloch/archive/2011/06/27/view-engine-with-dynamic-view-location.aspx

I have not done something like this but I hope I'm pointing you in the right direction

Solution 2 - asp.net Mvc

Expanding on the answer by Jupaol....

At least in VS2013, the _ViewStart.cshtml file is added by default when creating the area, so it's already there, and you can change the contents as he notes to point to the root _Layout.cshtml. You can then remove the _Layout.cshtml in the area, since it is no longer used (and a potential source of confusion now)

However, by so doing any routing performed in that root _Layout.cshtml will need to consider areas.
The default _Layout.cshtml has a number of ActionLink helpers that need a slight modification:

Add the RouteValueDictionary param to any ActionLink calls by setting Area="". Note that empty string refers to the root level. This will allow these links to work correctly when invoked from within an area, still work when invoked from the root.

e.g.:

<li>@Html.ActionLink("Home", "Index", "Home", new { Area = "" }, null)</li>

Solution 3 - asp.net Mvc

You specify a layout using:

@{ Layout = "_Layout"; }

If you want to make this easier to change all at once. Perhaps you could just set it as a view bag variable and pass it in on the controller. To make it even easier you could create a base controller that the other controllers inherit from and have it assign the layout to the view bag there.

Not sure why routing would need to change or perhaps I am not understanding. Hope this helps :)

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionMikhailView Question on Stackoverflow
Solution 1 - asp.net MvcJupaolView Answer on Stackoverflow
Solution 2 - asp.net MvcRob CampbellView Answer on Stackoverflow
Solution 3 - asp.net MvcTonyView Answer on Stackoverflow