ABP-Docs-in-Blazor-WebAPP---menu-display #9007

cellero created 4 days ago

When using the ABP Docs module in a Blazor WebApp the left side bar menu does not render. There is empty space where the menu and branding should be:

Menu:

context.Menu.AddItem(
new ApplicationMenuItem(
ConcreteMenus.UserDocs,
l["Menu:Docs"],
url: "/Documents",
icon: "fa fa-question-circle",
order: 600
)
);

Please advise how to render the side bar menu correctly.

Thanks.

ABP Version: 9.1.0
UI: Blazor WebApp
DB: EF

enisn created 3 days ago

Support Team .NET Developer

I think docs module uses a different layout which is EmptyLayout:

https://github.com/abpframework/abp/blob/0b6ae95866a884f054f1684cea0eba62082b3e46/modules/docs/src/Volo.Docs.Web/Pages/Documents/Project/Index.cshtml#L32

You can override this cdhtml file in your project and copy all the content from the link I gave you above, and just replace

    Layout = ThemeManager.CurrentTheme.GetEmptyLayout();

line with

    Layout = ThemeManager.CurrentTheme.GetApplicationLayout();

and documents will start using your application layout.

Still I cannot guarantee it looks good or not

You can override cshtml files by placing them the exact same folders in your application:

https://abp.io/docs/latest/framework/ui/mvc-razor-pages/customization-user-interface#overriding-a-razor-page-cshtml