Change nav-items to toolbar in mobile view #3933 | Support

FPT_TuyenDN1 created 2 years ago

ABP Framework version: v5.3.0
UI type: Angular
DB provider: EF Core
Tiered (MVC) or Identity Server Separated (Angular): yes

Hi team I want to move nav-items to the top like this in mobile view. How I can do it?

2 Answer(s)

fatih.kilic created 2 years ago

If you want to add component to navbar, you can replace Navbar and NavbarMobile.

constructor(replaceableComponents: ReplaceableComponentsService) {

  replaceableComponents.add({
    component: YourComponent,    key: eThemeLeptonComponents.Navbar,  });  

replaceableComponents.add({
    component: YourMobileComponent,    key: eThemeLeptonComponents.NavbarMobile,  });}

and also you can import like below.

import { ReplaceableComponentsService } from '@abp/ng.core';
import { eThemeLeptonComponents } from '@volo/abp.ng.theme.lepton';

FPT_TuyenDN1 created 2 years ago

If you want to add component to navbar, you can replace Navbar and NavbarMobile.

constructor(replaceableComponents: ReplaceableComponentsService) { 
 
  replaceableComponents.add({ 
    component: YourComponent,    key: eThemeLeptonComponents.Navbar,  });   
 
replaceableComponents.add({ 
    component: YourMobileComponent,    key: eThemeLeptonComponents.NavbarMobile,  });}

and also you can import like below.

import { ReplaceableComponentsService } from '@abp/ng.core'; 
import { eThemeLeptonComponents } from '@volo/abp.ng.theme.lepton';

Thanks it worked

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

Assignee

fatih.kilic

Labels