Page Layout

Here is an example that demonstrates the use of a PageLayout component.

Example
Header Area
Scrollable Navigation Area
Scrollable Body Area
Footer Area

Page Layout (Extended Properties)

This demonstrates the most common properties that are availabe to set on the PageLayout.

Example
Show Header? Show Navigation? Show Footer?
Header Area
Scrollable Navigation Area
Scrollable Body Area
Footer Area

PageLayout Class

Parameters

Name
Type
Default
Description
BodyRenderFragment?
Body content.
BodyClassstring?
Class to apply to the body content.
BodyStylestring?
Style to apply to the body content.
FooterRenderFragment?
Footer content.
FooterClassstring?
Class to apply to the footer content.
FooterStylestring?
Style to apply to the footer content.
FooterVisiblebool
True
Should the footer be visible
HeaderRenderFragment?
Header content.
HeaderClassstring?
Class to apply to the header content.
HeaderStylestring?
Style to apply to the header content.
HeaderVisiblebool
True
Should the header be visible
NavigationRenderFragment?
Navigation content.
NavigationClassstring?
Class to apply to the navigation content.
NavigationStylestring?
Style to apply to the navigation content.
NavigationVisiblebool
True
Should the navigation be visible