Browse Source

Update documentation

pull/11509/head
enisn 5 years ago
parent
commit
e9c081325c
  1. 15
      docs/en/UI/Blazor/Page-Header.md
  2. 36
      docs/en/UI/Blazor/Page-Layout.md

15
docs/en/UI/Blazor/Page-Header.md

@ -88,3 +88,18 @@ An example render result can be:
![breadcrumbs-example](../../images/page-header-toolbar-blazor.png)
---
## Options
Rendering can be enabled or disabled for each section of PageHeader via using `PageHeaderOptions`.
```csharp
Configure<PageHeaderOptions>(options =>
{
options.RenderPageTitle = false;
options.RenderBreadcrumbs = false;
options.RenderToolbar = false;
});
```
*All values are **true** by default. If the PageHeaderOptions isn's configured, each section will be rendered.*

36
docs/en/UI/Blazor/Page-Layout.md

@ -0,0 +1,36 @@
# Page Layout
PageLayout is used to define page-specific elements across application.
## Title
Title is used to render page title in the PageHeader.
```csharp
@inject PageLayout PageLayout
@{
PageLayout.Title = "My Page Title";
}
```
## BreadCrumbs
BreadCrumbItems are used to render breadcrumbs in the PageHeader.
```csharp
@inject PageLayout PageLayout
@{
PageLayout.BreadcrumbItems.Add(new BlazoriseUI.BreadcrumbItem("My Page", "/my-page"));
}
```
## Toolbar
ToolbarItems are used to render action toolbar items in the PageHeader.
Check out [Page Toolbar](https://docs.abp.io/en/abp/latest/UI/Blazor/Page-Header#page-toolbar)
```csharp
@inject PageLayout PageLayout
@{
PageLayout.ToolbarItems.Add(new PageToolbars.PageToolbarItem(typeof(MyButtonComponent)));
}
```
Loading…
Cancel
Save