Browse Source

Update blazor.md

pull/22692/head
Engincan VESKE 1 year ago
committed by GitHub
parent
commit
fe0ce6e708
No known key found for this signature in database GPG Key ID: B5690EEEBB952194
  1. 12
      docs/en/ui-themes/lepton-x/blazor.md
  2. 10
      docs/en/ui-themes/lepton-x/mvc.md

12
docs/en/ui-themes/lepton-x/blazor.md

@ -316,9 +316,9 @@ namespace LeptonX.DemoApp.Blazor.MyComponents
> Don't forget to remove repeated attributes from the razor page!
#### Customizing Footer Example
#### Customizing the Footer Section
Add a new `LeptonXFooter.razor` file and override the `Footer` component.
You can add a new `LeptonXFooter.razor` file and override the `Footer` component as follows:
```cs
@using Volo.Abp.DependencyInjection
@ -343,18 +343,16 @@ Add a new `LeptonXFooter.razor` file and override the `Footer` component.
</div>
</div>
</div>
````
```
> If you are using **Top Menu Layout**, You can change the namespace to
If you are using **Top Menu Layout**, then you can change the namespace as follows:
```diff
- @using Volo.Abp.AspNetCore.Components.Web.LeptonXTheme.Components.ApplicationLayout.SideMenu
+ @using Volo.Abp.AspNetCore.Components.Web.LeptonXTheme.Components.ApplicationLayout.TopMenu
```
Use above way to customize the other components as well.
---
> You can use the same approach customize the other components always.
## Common Components

10
docs/en/ui-themes/lepton-x/mvc.md

@ -138,11 +138,9 @@ Layout options of the MVC Razor Pages UI can be manageable by using **LeptonXThe
> - **_Sidebar.cshtml**
> - **_Toolbar.cshtml**
#### Customizing Footer Example
#### Customizing the Footer Section
Add the **_Footer.cshtml** file under the **Themes/LeptonX/Layouts/Application** folder to customize the footer. You can customize the **_Sidebar.cshtml** and **_Toolbar.cshtml** files as well.
![Customizing Footer](images/leptonx-mvc-customizing-footer.png)
Add the **_Footer.cshtml** file under the **Themes/LeptonX/Layouts/Application** folder to customize the footer:
```html
<div class="text-center py-2 lpx-footer">
@ -152,6 +150,10 @@ Add the **_Footer.cshtml** file under the **Themes/LeptonX/Layouts/Application**
</div>
````
![Customizing Footer](images/leptonx-mvc-customizing-footer.png)
> You can customize the **_Sidebar.cshtml** and **_Toolbar.cshtml** files as well.
### Account Layout
![Account layout](images/leptonx-account-layout-new.png)

Loading…
Cancel
Save