Skip to content

Replace custom tabs with NgbNav; add NgbNavModule#24980

Merged
sumeyyeKurtulus merged 1 commit intorel-10.2from
issue-21758
Mar 2, 2026
Merged

Replace custom tabs with NgbNav; add NgbNavModule#24980
sumeyyeKurtulus merged 1 commit intorel-10.2from
issue-21758

Conversation

@fahrigedik
Copy link
Member

@fahrigedik fahrigedik commented Feb 27, 2026

Replace the previous ngTabs/ngTab implementation in users.component.html with ng-bootstrap's ngbNav/ngbNavItem/ngbNavContent and an ngbNavOutlet for rendering tab content. Update users.component.ts to import and declare NgbNavModule and remove the removed @angular/aria tab imports. Also remove the @angular/aria peerDependency from the package.json for the identity package. These changes migrate the users UI to use ngbNav for tabbing and keep existing form/roles markup and localization intact.

image

Description

Resolves https://github.com/volosoft/volo/issues/21758 (write the related issue number if available)

How to test it?

You have to run lepton demo abp app

Replace the previous ngTabs/ngTab implementation in users.component.html with ng-bootstrap's ngbNav/ngbNavItem/ngbNavContent and an ngbNavOutlet for rendering tab content. Update users.component.ts to import and declare NgbNavModule and remove the removed @angular/aria tab imports. Also remove the @angular/aria peerDependency from the package.json for the identity package. These changes migrate the users UI to use ngbNav for tabbing and keep existing form/roles markup and localization intact.
@fahrigedik fahrigedik added this to the 10.2-final milestone Feb 27, 2026
@sumeyyeKurtulus sumeyyeKurtulus merged commit 85f11af into rel-10.2 Mar 2, 2026
2 of 3 checks passed
@sumeyyeKurtulus sumeyyeKurtulus deleted the issue-21758 branch March 2, 2026 08:08
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants