How to Configure Areas in ASP.NET MVC3

Question

Is anyone knows how to Configure Areas in ASP.NET MVC3. I read an article about Areas in here. But that article is not based on MVC3. In MVC3 there is no function named MapRootArea in RouteCollection routes which is found in Global.asax

routes.MapRootArea("{controller}/{action}/{id}", 
                 "AreasDemo", 
                  new { controller = "Home", action = "Index", id = "" });

When i create a New Area using MVC3, i got a class of that area which inherited from AreaRegistration and look like following: (here Blogs is the area name)

public class BlogsAreaRegistration : AreaRegistration
{
    public override string AreaName
    {
        get
        {
            return "Blogs";
        }
    }

    public override void RegisterArea(AreaRegistrationContext context)
    {
        context.MapRoute(
            "Blogs_default",
            "Blogs/{controller}/{action}/{id}",
            new { action = "Index", id = UrlParameter.Optional }
        );
    }
}

Would anyone please help me how do i configure area in MVC3. Any kind of link would be helpful also.

score 40 · Accepted Answer · answered Mar 09 '11 at 09:25

40

Right click on your web project and select Add -> Area... Then type the name of the area and Visual Studio will take care of the rest which is to generate all the necessary classes. For example the area registration might look like this:

public class AreasDemoAreaRegistration : AreaRegistration
{
    public override string AreaName
    {
        get
        {
            return "AreasDemo";
        }
    }

    public override void RegisterArea(AreaRegistrationContext context)
    {
        context.MapRoute(
            "AreasDemo_default",
            "AreasDemo/{controller}/{action}/{id}",
            new { action = "Index", id = UrlParameter.Optional }
        );
    }
}

and in Application_Start of your Global.asax all you need is:

AreaRegistration.RegisterAllAreas();

answered Mar 09 '11 at 09:25

Darin Dimitrov

1,023,142
271
3,287
2,928

thanks for the answer.How can i know that the Area is Registered properly?. I used this link in my shared _layout but it's not taking me anywhere @Html.ActionLink("Blog", "About", "Home", new { area = "Blog"}) – Imrul Mar 09 '11 at 09:36
@Imrul, from what I can see in your code your area is called `Blogs`, not `Blog`, so try: `@Html.ActionLink("Blog", "About", "Home", new { area = "Blogs" })`. Also make sure that there is a `HomeController` inside this area. – Darin Dimitrov Mar 09 '11 at 09:37
sorry, for the spelling mistake. I think i got my problem, if i render this to my _layout it doesn't generate a link to Area/Controller/Action "@Html.ActionLink("Blog", "Index", "BlogHome", new { area = "Blogs"})". Am i doing anything wrong in ActionLink helper? and i discover now that same controller name can't be possible in root and Area. For that i had to rename Home to BlogHome. and FYI Blog is the Generated html and using http://localhost:4135/Blogs/BlogHome/Index hits the BlogHome controller and shows the page. – Imrul Mar 09 '11 at 09:49
if i use @Html.ActionLink("Blog", "Index", "Blogs/BlogHome") then it works. But is it the right way ? – Imrul Mar 09 '11 at 09:56
12

Your using wrong overload, try this one: @Html.ActionLink("Blog", "Index", "BlogHome", new { area = "Blogs" }, null) – frennky Mar 09 '11 at 11:59
1

thanks, @frennky. It works like a charm. Would you please give me any link, where can i find these changes. I Googled it but there is no help. Where can i find all the functions/helpers of ASP.NET MVC3? – Imrul Mar 09 '11 at 12:22
@Imrul - in answer to your question about checking if your area registration is correct, I'd suggest two things 1) make sure your web project is running with the "Use Visual Studio Development Server", then place breakpoints where you need e.g. end of application_start, in your area registration methods etc. 2) Use Glimpse to view your routes - you'll see what's in the route collection, and what the current url is matched against – MemeDeveloper Oct 05 '11 at 00:30
@DarinDimitrov, is it necessary to specify area explicit when using Html.ActionLink if area is the same as that in which is view located? – David Levin Feb 23 '12 at 13:01
@EvgenyLevin, no, if you are displaying a view in the same area you don't need to specify it. – Romias Mar 23 '12 at 01:49

score 5 · Answer 2 · edited Sep 25 '11 at 07:38

You can have the same controller name in the root and the area, you just have to define it.

In your global.asax, add the last line of the routes.maproute as shown below

 routes.MapRoute(
      "Default", // Route name
       "{controller}/{action}/{id}", // URL with parameters
       new { controller = "Home", action = "Index", id = UrlParameter.Optional },// Parameter defaults
       new[]{"YourNameSpace.Controllers"}
  );

also, add the name of the controller in your ares/?????AreaRegistration.cs file

 context.MapRoute(
        "Membership_default",
        "Membership/{controller}/{action}/{id}",
         new { controller= "Home", action = "Index", id = UrlParameter.Optional }
      );

score 1 · Answer 3 · answered Nov 11 '14 at 13:11

1

please find below image shows how to configure area in mvc . enter image description here

answered Nov 11 '14 at 13:11

user1089766

597
6
14

How to Configure Areas in ASP.NET MVC3

3 Answers3

Linked