Sidebar - Incorrect highlighting

[akveo]

Sidebar - Incorrect highlighting

[nnixaa]

Hey @jarredszabadi, could you provide your menu config, please?

[jarredszabadi]

`import { NbMenuItem } from 'nebular/theme';

export const MENU_ITEMS: NbMenuItem[] = [
{
title: 'At A Glance',
icon: 'ion-home',
link: '/pages/at-a-glance',
home: true,
},
{
title: 'ANALYTICS',
group: true,
},
{
title: 'Manufacturers',
icon: 'ion-briefcase',
link: '/pages/manufacturers',
},
{
title: 'Equipment',
icon: 'ion-document-text',
link: '/pages/equipment',
},
{
title: 'Gym Capacity',
icon: 'ion-podium',
link: '/pages/gym_capacity',
},
{
title: 'Gym Management',
icon: 'ion-battery-half',
link: '/pages/gym_management',
},
{
title: 'Manufacturer Drill Down',
icon: 'ion-arrow-graph-up-right',
link: '/pages/manufacturer_drill_down',
},
{
title: 'Equipment Drill Down',
icon: 'ion-arrow-graph-up-left',
link: '/pages/equipment_drill_down',
},
];
`

***had to remove the @ from the nebular/theme import for it to show up in the post on github.

[Mr-Sloth]

Could you add your routes also ? I tried to verify it by having 2 menu items like:
-staff
-staff_list

And did not got the same result.

[jarredszabadi]

`import { RouterModule, Routes } from 'angular/router';
import { NgModule } from 'angular/core';

import { PagesComponent } from './pages.component';
import { AtAGlanceComponent } from './at_a_glance/at_a_glance.component';
import { ManufacturerComponent } from './manufacturer/manufacturer.component';
import { EquipmentComponent } from './equipment/equipment.component';
import { GymCapacityComponent } from './gym_capacity/gym_capacity.component';
import { GymManagementComponent } from './gym_management/gym_management.component';
import { ManufacturerDrillDownComponent } from './manufacturer_drill_down/manufacturer_drill_down.component';
import { EquipmentDrillDownComponent } from './equipment_drill_down/equipment_drill_down.component';

const routes: Routes = [{
path: '',
component: PagesComponent,
children: [
{
path: 'at-a-glance',
component: AtAGlanceComponent,
},
{
path: 'manufacturers',
component: ManufacturerComponent,
},
{
path: 'equipment',
component: EquipmentComponent,
},
{
path: 'gym_capacity',
component: GymCapacityComponent,
},
{
path: 'gym_management',
component: GymManagementComponent,
},
{
path: 'manufacturer_drill_down',
component: ManufacturerDrillDownComponent,
},
{
path: 'equipment_drill_down',
component: EquipmentDrillDownComponent,
},
{
path: '',
redirectTo: 'at-a-glance',
pathMatch: 'full',
}],
}];

@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule],
})
export class PagesRoutingModule {
}
`

[nnixaa]

Closing as it's been a while and similar issues have been fixed.