Skip to content

Blazor Layouts with several placeholders (Header/Footer/etc) like MVC Sections/WebForms #10131

Closed
@chrdlx

Description

@chrdlx

What I'm trying to achieve is a component like this:

@inherits LayoutComponentBase
<div>
   Here some html from the layout's header...
  @ExtraHeader

   Here will be the child body: 

   @Body

   Now some footer... 
   @ExtraFooter
   Some more footer...
</div>

Suppose I want to dedicate that @extraheader and @ExtraFooter to be implemented by all the children who use this layout that need to. Is this possible in Blazor right now somehow?

I know we have @Body, but that only supports nesting, not putting content in other places like MVC Sections.
You could do that too in webforms with something like this inside a MasterPage:

<asp:ContentPlaceHolder id="Header" runat="server"></asp:ContentPlaceHolder>
<asp:ContentPlaceHolder id="Body" runat="server"></asp:ContentPlaceHolder>
<asp:ContentPlaceHolder id="Footer" runat="server"></asp:ContentPlaceHolder>

Thanks!

Metadata

Metadata

Assignees

No one assigned

    Labels

    Needs: DesignThis issue requires design work before implementating.area-blazorIncludes: Blazor, Razor Components

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions