Hi, after customizing the layout, click events no longer work—for example, toggling the menu open or closed. Could you please let me know what additional steps are needed to make these features function as they do by default?
@inherits LayoutComponentBase
@using Blazorise.Components
@using Volo.Abp.Ui.Branding
@using Volo.Abp.Ui.LayoutHooks
@using Volo.Abp.BlazoriseUI.Components
@using Volo.Abp.AspNetCore.Components.Web.LeptonXTheme.Components.ApplicationLayout.Common
@using Volo.Abp.AspNetCore.Components.Web.LeptonXTheme.Components.ApplicationLayout.SideMenu
@using Volo.Abp.AspNetCore.Components.Web.LeptonXTheme.Components.ApplicationLayout.SideMenu.MainHeader
@using Volo.Abp.AspNetCore.Components.Web.LeptonXTheme.Components.ApplicationLayout.SideMenu.Navigation
@using Volo.Abp.AspNetCore.Components.WebAssembly.LeptonXTheme.Components.ApplicationLayout.SideMenu.MainHeader
@using Volo.Abp.AspNetCore.Components.Web.Theming.Components
@using Volo.Abp.AspNetCore.Components.Web.Theming.Layout
@using Volo.Abp.AspNetCore.Components.Web.Theming.Components.LayoutHooks
@inject IBrandingProvider BrandingProvider
<div class="lpx-content-container">
@* <div class="lpx-topbar-container">
<div class="lpx-topbar">
<Breadcrumbs />
</div>
</div> *@
<div class="lpx-content-wrapper">
<div class="lpx-content">
<ContentToolbar />
<PageAlert />
<UiPageProgress />
@Body
<DynamicLayoutComponent />
<UiMessageAlert />
<UiNotificationAlert />
</div>
</div>
<footer>
<Footer />
</footer>
</div>
<MobileNavbar />
<div class="lpx-toolbar-container">
<MainHeaderToolbar />
</div>
</div>
BlazorClientModule:
private void ConfigureRouterTabsTheme(ServiceConfigurationContext context)
{
Configure<LeptonXThemeBlazorOptions>(options =>
{
options.Layout = typeof(CusLeptonXLayout);
});
}
Check the docs before asking a question: https://blazorise.com/docs/extensions/routertabs, https://abp.io/docs/latest/ui-themes/lepton-x/blazor?UI=Blazor
Hi Support Team,
I'm working on customizing my Blazor app to use RouterTabs from Blazorise in the main content area. I want users to be able to open multiple tabs, instead of just switching between pages one at a time. The problem is, I'm not sure how to change only the content area without affecting other parts of the layout like the menu, sidebar, or toolbar...
How can I make the layout support RouterTabs in the content area, while keeping the rest of the layout the same? Are there any simple steps or tips for customizing just the content section in the LeptonX Theme? I've attached an image to show what I’m trying to achieve with RouterTabs.
Thanks a lot for your help! Looking forward to your advice.
Hi ABP Team, We are developing a Blazor Web App using the ABP Framework with a PostgreSQL database. We want to implement accent-insensitive search and searching by foreign key display fields in list filters. Currently, ABP Suite generates default "GetListAsync" paging and filtering logic, which works well for simple fields, but we need to modify it to:
Here’s an example:
User table:
| Id | Name | CompanyId | |----|-------------|-----------| | 1 | John Doe | 3 | | 2 | Jane Smith | 2 |
Company table:
| Id | Name | |----|------------| | 1 | ABC Corp | | 2 | XYZ Ltd | | 3 | Acme Inc |
We would like to customize ABP Suite templates to generate code that allows searching by "Company.Name" (e.g., search for "Acme Inc") instead of only filtering by "CompanyId". Is there a recommended way to customize ABP Suite templates to achieve this functionality? We appreciate any guidance or examples you can provide.
Best regards, Jiaqing
Hi ABP team,
I'm using ABP Framework v9 with Blazor Web App. When I open the app in the browser, it loads the page, then reloads CSS and JS a second time before the app becomes usable.
This happens even with a new project from ABP Studio, without any custom changes.
I’ve attached a short GIF below showing the issue.
Can you help check if this is a known issue or how to fix it?
Hi,
I am configuring IsEnabledForGetRequests of AuditLog as false, and I want to add it to the interface so that it can be dynamically changed instead of being hardcoded in the code. How can I do this? Could you provide a code example
Hi Support Team,
I'm using the Module Template and Application Template (Blazor Web App).
I'm using the Distributed Event Bus with RabbitMQ to send communication between the IN and GL modules. Afterward, I build the IN and GL modules into packages and install them into the Main (Blazor Web App).
Currently, I want to integrate SignalR to receive notifications when the event bus processing is completed and display a notification on the user interface to indicate that the processing is done. I need the notification (https://abp.io/docs/latest/framework/ui/blazor/notification) to appear on the user's screen, regardless of which screen they are currently viewing, not just on the screen where the event was initiated.
For example, if the event is triggered on screen A, but while it is processing I navigate to screen B, I want the notification to show up on screen B if it is completed at that time. How should I do it?
I look forward to your response. Thanks!
Hi Support Team,
For example, the website is in English, and I switch to Vietnamese. Instead of switching immediately, it reloads and still stays in English. I have to log out, log back in, and switch again for it to change to Vietnamese.
Looking forward to your response soon. Thanks
Hi Support Team,
I want to allow login only with a Microsoft account where the email exists in my Person table, rather than logging in with accounts from the AbpUser table. When logging in, the system should check if the email exists in my Person table. If it does, the user should be logged in; if not, an error message should be displayed. What can I do to achieve this in a Blazor Web App?
And I want to log in with Microsoft directly from this page
Thanks
Check the docs before asking a question: https://docs.abp.io/en/abp/latest/Local-Event-Bus
Hi Support Team,
I have created a new table called Company. I want to sync data from the Company table to the Organization Unit table using ILocalEventHandler when creating new entries, but it's not working because the properties Id, Code and ParentId are internal set. How can I add new data to the Organization Unit table?
Company => Organization Unit Organization Unit => Company