From c7e4b91926b55971a3fb2ac129ca0dd1a2a444cd Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Halil=20=C4=B0brahim=20Kalkan?= Date: Wed, 18 Nov 2020 18:24:37 +0300 Subject: [PATCH] Update Customization-Overriding-Components.md --- docs/en/UI/Blazor/Customization-Overriding-Components.md | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/docs/en/UI/Blazor/Customization-Overriding-Components.md b/docs/en/UI/Blazor/Customization-Overriding-Components.md index 6ac152b314..917802b734 100644 --- a/docs/en/UI/Blazor/Customization-Overriding-Components.md +++ b/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 \ No newline at end of file