Nested/Sub-Areas in Razor Pages ASP.NET Core 2.2

Question

I'm having trouble with getting nested (sub) Areas to work with Razor Pages. I would like to have a route structure like this:

/Index
/Admin
/Admin/Orders
/Admin/Inventory

My current file structure is the following:

/Pages
  /Index.cshtml
/Areas
  /Admin
    /Inventory
      /Pages
        /Index.cshtml
      /Models
    /Orders
      /Pages
        /Index.cshtml
      /Models
  /Product
    /Models
    /Pages

My Admin.Index page:

@page
@model ECommerceWeb.Areas.Admin.Pages.AdminModel
@{
    ViewData["Title"] = "Admin";
}

<h2>Admin</h2>

<ul>
    <li><a asp-page="Index" asp-area="Inventory">Inventory</a></li>
    <li><a asp-page="/Orders/Orders" asp-area="Admin">Orders</a></li>
</ul>

<form method="post">
    <button type="submit" name="action" value="logoutButton">Logout</button>
</form>

As you can see from the two <a> tags above, I've tried various approaches.

keelerjr12 · Accepted Answer · 2018-12-08 14:51:28Z

4

I solved this by re-structuring my application/folder structure to look like:

/Pages
  /Index.cshtml
/Areas
  /Admin
    /Models
      /Inventory
      /Orders
    /Pages
      /Inventory
        /Index.cshtml
      /Orders
        /Index.cshtml
  /Product
    /Models
    /Pages
      /Index.cshtml

answered Dec 8, 2018 at 14:51

keelerjr12

1,9832 gold badges21 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Nested/Sub-Areas in Razor Pages ASP.NET Core 2.2

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related