Open Closed

Customising the front end? #61


User avatar
0
ian@order2invoice.com created

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 Answer(s)
  • User Avatar
    0
    alper created
    Support Team 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 created

    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 created
    Support Team Director

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

  • User Avatar
    0
    ian@order2invoice.com created

    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 created
    Support Team 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 March 25, 2024, 15:11