Open Closed

Change UI of Administration page and its content #1191


User avatar
0
lalitChougule created
  • ABP Framework version: v3.0.4
  • UI type: Angular
  • DB provider: EF Core
  • Tiered (MVC) or Identity Server Separated (Angular): no / yes
  • Exception message and stack trace: N.A
  • Steps to reproduce the issue: N.A

Hi,

I want to change the UI Administration page and its content, we are using angular material in our project. How do I do it ?


4 Answer(s)
  • User Avatar
    0
    Mehmet created

    Hi @lalitChougule,

    Please see the component replacement document. If you have any questions after reading the doc, please ask in detail.

  • User Avatar
    0
    lalitChougule created

    Hi @lalitChougule,

    Please see the component replacement document. If you have any questions after reading the doc, please ask in detail.

    Hi @Mehmet ,

    I just want to change the css of the buttons and few colors here and there, for that too I need to replace whole component ?

  • User Avatar
    0
    Mehmet created

    You can override the styles easily.

    1- Find the target class name via the browser's dev-tools:

    2- Add custom style to the src/styles.scss file like this:

    // styles.scss
    
    .user-avatar-big {
      border-radius: 3px !important;
      border: 1px solid red;
    }
    

    That's it, see the result:

  • User Avatar
    0
    ServiceBot created
    Support Team Automatic process manager

    This question has been automatically marked as stale because it has not had recent activity.

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