Problem: Given this nested layout structure: ~/Views/Shared/_layoutBase.cshtml ~/Views/Shared/_layout.cshtml Where _layoutBase.cshtml is the layout for

Question

Editorial Team

Asked: May 26, 20262026-05-26T10:47:50+00:00 2026-05-26T10:47:50+00:00

Problem:

Given this nested layout structure:

~/Views/Shared/_layoutBase.cshtml
~/Views/Shared/_layout.cshtml

Where _layoutBase.cshtml is the layout for _layout.cshtml.

Any sections defined in the layout files render their content fine in pages under ~/Views/...

However, for views in an area, the sections are never rendered.

_layoutBase:

<script type="text/javascript">
        @RenderSection("footerScripts", false)
    </script>
</body>
</html>

_layout.cshtml:

@section footerScripts{
    @RenderSection("footerScripts", false)
}

"content" view:

@section footerScripts{
$(function () {
    SetFocusOnForm("CaptchaCode", "NextButton");
});
}

The content of section footerScripts never gets rendered in a view in an area. It does get rendered in a view that is under the ~/Views folder.

Area _ViewStart.cshtml:

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

Can you see anything wrong?!

You must login to add an answer.

Need An Account,

Editorial Team · Answer 1 · 2026-05-26T10:47:51+00:00

I am unable to reproduce the problem. Here’s my setup and steps I did.

Add ~/Views/Shared/_LayoutBase.cshtml:

<!DOCTYPE html>
<html>
<body>
@RenderBody()
<script type="text/javascript">
    @RenderSection("footerScripts", false)
</script>
</body>
</html>

Replace the contents of ~/Views/Shared/_Layout.cshtml with this:

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

@section footerScripts{
    @RenderSection("footerScripts", false)
}

@RenderBody()

Add a TestController to this admin area and add a corresponding ~/Areas/Admin/Views/Test/Index.cshtml view:

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

<h2>Index</h2>

@section footerScripts{
    alert('ok');
}