I have a multi-level Layout master pages in an ASP.NET MVC 4.
I have the following:
<title>@ViewBag.Title</title>
The order of Layout pages is as follows:
I am setting the @ViewBag.Title inside Index Action. However, I get the following exception:
Value cannot be null or empty. Parameter name: contentPath
Here is the code I have. I am simply making the code of ASP.NET Design Patterns books work for VS 2012 / MVC 4
_Layout.cshtml
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>@ViewBag.Title</title>
<link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<meta name="viewport" content="width=device-width" />
<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="main">
<div id="header">
<span><a href="@Url.Content("")">
<img alt="Agatha's Clothing Store"
src="@Url.Content("/Content/Images/Structure/lg_logo.png")"
border="0" /></a></span>
</div>
<div id="headerSummary">
@RenderSection("headerBasketSummary", required: false)
</div>
<div class="topBarContainer">
<div id="background">
<div id="navigation">
@RenderSection("MenuContent", required: false)
</div>
<div id="content">
@RenderBody()
</div>
<div style="clear: both;" />
</div>
</div>
@Html.Partial("_SiteFooter")
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.0/jquery-ui.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/json2/20121008/json2.js"></script>
<script type="text/javascript" src="@Url.Content("~/Scripts/jquery-jtemplates.js")"></script>
<script type="text/javascript" src="@Url.Content("~/Scripts/agatha-common-scripts.js")"></script>
</body>
</html>
_ProductCatalogProduct.cshtml
@model BaseProductCatalogPageView
@using Agathas.Storefront.Controllers.ViewModels.ProductCatalog
@using Agathas.Storefront.UI.Web.MVC.Helpers
@{
Layout = "~/Views/Shared/_Layout.cshtml";
}
@if (IsSectionDefined("MenuContent"))
{
@RenderSection("MenuContent", required: false)
}
else
{
@Html.Partial("_Categories", ((BaseProductCatalogPageView)Model).Categories)
}
@RenderBody();
Index.cshtml
@model HomePageView
@using Agathas.Storefront.Controllers.ViewModels.ProductCatalog
@using Agathas.Storefront.Services.ViewModels
@using Agathas.Storefront.UI.Web.MVC.Helpers
@{
Layout = "~/Views/Shared/_ProductCatalogLayout.cshtml";
ViewBag.Title = "Home Page";
}
<img width="559" height="297"
src="@Url.Content("~/Content/Images/Products/product-lifestyle.jpg")"
style="border-width: 0px; padding: 0px; margin: 0px" />
<div style="clear: both;"></div>
<h2>Top Products</h2>
<div id="items" style="border-width: 1px; padding: 0px; margin: 0px">
<ul class="items-list">
@foreach (ProductSummaryView product in Model.Products)
{
<li class="item-detail">
<a class="item-productimage-link" href="@Url.Action("Detail", "Product", new { id = product.Id }, null)">
<img class="item-productimage" src="@Url.Content("~/Content/Images/Products/" + product.Id.ToString() +".jpg"))" /></a>
<div class="item-productname">@Html.ActionLink(product.BrandName + " " + product.Name, "Detail", "Product", new { id = product.Id }, null)</div>
<div class="item-price">@product.Price</div>
</li>
}
</ul>
</div>
Many thanks
This piece of code is throwing the exception: <a href="@Url.Content("")">
. This happens because contentPath parameter of Url.Content
method cannot be null or empty.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With