Açık Kapalı

Customising the front end? #61


User avatar
0
ian@order2invoice.com oluşturuldu

It appears that the front-end is set to the themes provided? How can we customise Lepton CSS. Do we need to apply a global CSS file with overrides?

Also, can we use a different front-end framework, say Angular Material? In ASP.NET Zero nswag was integrated and do anything we wanted on the front end. This no longer appears to be the case. We want to have control over our user interface.


5 Cevap
  • User Avatar
    0
    alper oluşturuldu
    Destek Takımı Director

    Hi,

    You can create your own CSS file and add it as a global style:

    In your MyProjectWebModule.cs

    public override void ConfigureServices(ServiceConfigurationContext context) {
      //...
    
      //ADD MY CUSTOM CSS AS GLOBAL STYLE : app.css
      Configure<AbpBundlingOptions> (options => {
       options
        .StyleBundles
        .Get(StandardBundles.Styles.Global)
        .AddFiles("/Pages/app.css");
      })
      
      //...
    }
    

    Also see;

    • https://docs.abp.io/en/abp/latest/Customizing-Application-Modules-Guide
    • https://docs.abp.io/en/abp/latest/UI/Angular/Component-Replacement
    • https://support.abp.io/QA/Questions/33#answer-d42ca2e3-fa9e-eeef-bd07-39f3e113d7d1
    • https://support.abp.io/QA/Questions/37
    • https://github.com/abpframework/abp/issues/2409
    • https://github.com/abpframework/abp/issues/2533
  • User Avatar
    0
    ian@order2invoice.com oluşturuldu

    I can't see MyProjectWebModule.cs. I have a team license. Do I need a different license? Can this be acheived on the Angular side?

  • User Avatar
    0
    alper oluşturuldu
    Destek Takımı Director

    You don't have MyProjectWebModule.cs , you must have XXXWebModule.cs where XXX is your project name.

  • User Avatar
    0
    ian@order2invoice.com oluşturuldu

    I know. But Why. I installed and the app runs fine but there is no WebModule? That's what I'm asking? I have a Teams License. Is that why?

  • User Avatar
    0
    alper oluşturuldu
    Destek Takımı Director

    This class is in the all License types. So you must have a Module class in your Web project.

Made with ❤️ on ABP v8.2.0-preview Updated on Mart 25, 2024, 15:11