أنشطة "ageiter"

Do you know how to integrate the CSS files in the folder Themes/LeptonX/Global/top-menu/css into the bundle?

It looks good on my machine, but when I deploy to Azure, the CSS files are missing.

Thanks for the feedback.

For me the name appears correctly when I am on the profile page (which is made with MVC). But on the normal application pages (Blazor) it looks like yours.

• ABP Framework version: v6.0.1
• UI type: Blazor Server
• DB provider: EF Core
• Exception message and stack trace:

System.ArgumentException: The type 'MyProject.Blazor.Components.Layout.MyMainHeaderToolbar' is not assignable to service 'Volo.Abp.AspNetCore.Components.Web.LeptonXTheme.Components.ApplicationLayout.TopMenu.MainHeader.MainHeaderToolbar'.
   at Autofac.Builder.RegistrationBuilder.CreateRegistration(Guid id, RegistrationData data, IInstanceActivator activator, IResolvePipelineBuilder pipelineBuilder, Service[] services, IComponentRegistration target)
   at Autofac.Builder.RegistrationBuilder.CreateRegistration[TLimit,TActivatorData,TSingleRegistrationStyle](IRegistrationBuilder`3 builder)
   at Autofac.Builder.RegistrationBuilder.RegisterSingleComponent[TLimit,TActivatorData,TSingleRegistrationStyle](IComponentRegistryBuilder cr, IRegistrationBuilder`3 builder)
   at Autofac.ContainerBuilder.Build(IComponentRegistryBuilder componentRegistry, Boolean excludeDefaultModules)
   at Autofac.ContainerBuilder.Build(ContainerBuildOptions options)
   at Volo.Abp.Autofac.AbpAutofacServiceProviderFactory.CreateServiceProvider(ContainerBuilder containerBuilder)
   at Microsoft.Extensions.Hosting.Internal.ServiceFactoryAdapter`1.CreateServiceProvider(Object containerBuilder)
   at Microsoft.Extensions.Hosting.HostBuilder.CreateServiceProvider()
   at Microsoft.Extensions.Hosting.HostBuilder.Build()
   at Microsoft.AspNetCore.Builder.WebApplicationBuilder.Build()
   at MyProject.Blazor.Program.Main(String[] args) in D:\Projects\MyProject\src\MyProject.Blazor\Program.cs:line 65

• Steps to reproduce the issue:" I followed the instructions according to the documentation (https://docs.abp.io/en/commercial/latest/themes/lepton-x/blazor?UI=BlazorServer)

1. Created Razor page MyMainHeaderToolbar.razor (the only content is @Name)
2. Added MyMainHeaderToolbar.razor.cs with the following content:

using Volo.Abp.AspNetCore.Components.Web.LeptonXTheme.Components.ApplicationLayout.TopMenu.MainHeader;
using Volo.Abp.DependencyInjection;

namespace MyProject.Blazor.Components.Layout
{
    [ExposeServices(typeof(MainHeaderToolbar))]
    [Dependency(ReplaceServices = true)]
    public partial class MyMainHeaderToolbar
    {
        public string Name = "My Main Header Toolbar";
    }
}

Does this still need to be registered somewhere?

I finally got it working. Path must be like this: wwwroot/_content/Volo.Abp.AspNetCore.Components.Web.LeptonXTheme/side-menu/css/

Found out that the name is displayed correctly when you are on the profile page.

Unfortunately, the custom theme does not work for me yet. I copied the files "bootstrap-light.css" and "light.css" from the LeptonX theme and added them to the following two paths with new names: wwwroot\top-menu\css\bootstrap-custom.css wwwroot\top-menu\css\custom.css

Themes\LeptonX\Global\top-menu\css\bootstrap-custom.css Themes\LeptonX\Global\top-menu\css\custom.css

Are these paths wrong? @christophe.baille, can you take me again screenshots of the solution tree with you?

The name thing doesn't work for me either....

Hello,

Sorry for the late response

There is no way to override bootstrap colors with CSS variables right now. But this is in our roadmap.

Is there any way that I could replace the whole file? Then I can replace all colors in there with search + replace. If so, where can I find the source file?

Oh, sorry I missed that you're using Blazor-Server single project. So, you should make that MVC configuration in your Blazor.Server project module file.

Thanks, I should have figured it out myself... works!

The breadcrumb are unfortunately not displayed there. But it's not a problem for me at the moment.

Go to you .AtuhServer or .HttpApi.Host project and find Module class of that project.

• Configure that project's layout in ConfigureServices method:

  Configure<LeptonXThemeMvcOptions>(options => 
  { 
      options.ApplicationLayout = LeptonXMvcLayouts.TopMenu; 
  }); 
  

I do not have these projects in the Blazor Server non-tiered solution. But I suppose I have to do this in the .HttpApi project.

In this case; Account & Security logs pages are on AuthServer project which is an different MVC project. You have to configure your AuthServer as TopMenu too.

How can I do that? Where do I have to configure this?

Aaaah, yes exactly, that's the point. I wanted to try the public site (with the CRM module). But since the CRM module can only be used on the public site and not in Blazor, we discarded it and generated a new app without the public site.

Thanks, it's clear to me now. :-)