Browse Source

Update Customization-Overriding-Components.md

pull/6279/head
Halil İbrahim Kalkan 6 years ago
parent
commit
c7e4b91926
  1. 9
      docs/en/UI/Blazor/Customization-Overriding-Components.md

9
docs/en/UI/Blazor/Customization-Overriding-Components.md

@ -6,6 +6,8 @@ This document explains how to override the user interface of a depended [applica
The ABP Framework, pre-built themes and modules define some **re-usable razor components and pages**. These pages and components can be replaced by your application or module.
> Since pages are just the razor components, the same principle is valid for pages too.
### Example: Replacing the Branding Area
The screenshot below was taken from the [Basic Theme](Basic-Theme.md) comes with the application startup template.
@ -46,6 +48,8 @@ Now, you can run the application to see the result:
![bookstore-added-logo](D:/Github/abp/docs/en/images/bookstore-added-logo.png)
> Since the component inherits from the component it is replacing, you can use all the non-private fields/properties/methods of the base component in the derived component.
### Example: Replacing with the Code Behind File
If you prefer to use code-behind file for the C# code of your component, you can use the attributes in the C# side.
@ -77,3 +81,8 @@ namespace MyProject.Blazor.Components
}
````
## Theming
The [Theming](Theming.md) system allows you to build your own theme. You can create your theme from scratch or get the [Basic Theme](Basic-Theme.md) and change however you like.
## Manipulating the Bundles
Loading…
Cancel
Save