From fe0ce6e70822556acb6fd45d1b5b21a9a485ebbf Mon Sep 17 00:00:00 2001 From: Engincan VESKE Date: Fri, 18 Apr 2025 06:41:52 +0000 Subject: [PATCH] Update blazor.md --- docs/en/ui-themes/lepton-x/blazor.md | 12 +++++------- docs/en/ui-themes/lepton-x/mvc.md | 10 ++++++---- 2 files changed, 11 insertions(+), 11 deletions(-) diff --git a/docs/en/ui-themes/lepton-x/blazor.md b/docs/en/ui-themes/lepton-x/blazor.md index 9f869ee91c..5945b62e68 100644 --- a/docs/en/ui-themes/lepton-x/blazor.md +++ b/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. -```` +``` -> 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 diff --git a/docs/en/ui-themes/lepton-x/mvc.md b/docs/en/ui-themes/lepton-x/mvc.md index bfdf20d562..ad690a81ec 100644 --- a/docs/en/ui-themes/lepton-x/mvc.md +++ b/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
@@ -152,6 +150,10 @@ Add the **_Footer.cshtml** file under the **Themes/LeptonX/Layouts/Application**
```` +![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)