How to hide the menu bar in identity server? #2761 | Support

nhontran created 2 years ago

If you're creating a bug/problem report, please include followings:

ABP Framework version: v3.3.2
UI type: Angular
DB provider: EF Core
Tiered (MVC) or Identity Server Separated (Angular): yes
Exception message and stack trace:
Steps to reproduce the issue:"

Hi, I would like to hide this identity server menu bar in staging and production by checking the environment

I have tried this but it does not work:

    Configure<AbpToolbarOptions>(options =>
    {
        var toolbar = options.Contributors.FirstOrDefault(x => x.GetType() == typeof(AccountModuleToolbarContributor));
        if (toolbar != null)
        {
            options.Contributors.Remove(toolbar);
        }
    });

any help would be appreciated.

1 Answer(s)

muhammedaltug created 2 years ago

Hello

Language selection, User menu and Full screen items added by theme lepton via NavItemsService

You can remove these items using NavItemsService.

Example:

Declare a variable in environments which named environmentName

// environment.ts
export const environmentName = 'dev'

// environment.prod.ts
export const environmentName = 'prod'

Inject NavItemsService in your app.component.ts and check your environment and delete item

//app.component.ts
import { Component } from '@angular/core';
import { NavItemsService } from '@abp/ng.theme.shared';
import { environmentName } from '../environments/environment';
import { eThemeLeptonComponents } from '@volo/abp.ng.theme.lepton';
@Component({
  selector: 'app-root',
  template: `
    &lt;abp-loader-bar&gt;&lt;/abp-loader-bar&gt;
    &lt;abp-dynamic-layout&gt;&lt;/abp-dynamic-layout&gt;
  `,
})
export class AppComponent {
  constructor(private navItems: NavItemsService) {
    // Check environment is prod
    if (environmentName.match('prod')) {
      navItems.removeItem(eThemeLeptonComponents.CurrentUser);
    }
  }
}

Have an answer to this question? Log in and write your answer.