Comments (4)
@Bykiev with Angular 16, make sure you've got installed:
- "ngx-scrollbar": "^13.0.3", (not v14)
- "@coreui/angular": "~2.16.0",
For sidebar minimized, you'll have to disable the scrollbar. Try sth like:
<app-sidebar #appSidebar [fixed]="true" [display]="'lg'" [minimized]="sidebarMinimized (minimizedChange)="toggleMinimize($event)">
<ng-scrollbar [disabled]="appSidebar.minimized">
<app-sidebar-nav [navItems]="menuItems$ | async" />
</ng-scrollbar>
<app-sidebar-minimizer />
</app-sidebar>
from coreui-free-angular-admin-template.
Thank you, unfortunately it doesn't working as expected. With the disabled ng-scrollbar
the native scrollbar appears, but still it's not possible to expand children items. With perfect scrollbar it was achieved by setting suppressScrollX: true
from coreui-free-angular-admin-template.
@Bykiev you're right. In this case, for minimised sidebar, we'll have to remove ng-scrollbar completely.
What about:
<app-sidebar #appSidebar [fixed]="true" [display]="'lg'" [minimized]="sidebarMinimized (minimizedChange)="toggleMinimize($event)">
<ng-scrollbar [disabled]="appSidebar.minimized" *ngIf="!appSidebar.minimized; else sidebarNav">
<ng-container *ngTemplateOutlet="sidebarNav" />
</ng-scrollbar>
<ng-template #sidebarNav>
<app-sidebar-nav [navItems]="navItems" />
</ng-template>
<app-sidebar-minimizer />
</app-sidebar>
from coreui-free-angular-admin-template.
Thank you, looks much better, but after minimization the scrollbar is not working. I'd like to make it working even the sidebar is minimized
from coreui-free-angular-admin-template.
Related Issues (20)
- How to add new font or change according to direction ltr or rtl HOT 1
- Licensing and fair use HOT 2
- Modal Problem HOT 8
- Open Modal in an Modal HOT 2
- Cannot find on how to change default to light theme v3 HOT 2
- Multiple Dashboard routes based on Roles HOT 1
- Updated to latest version
- Need to show nav item name on hover of icon in narrow view HOT 2
- Cannot find module '@coreui/coreui/dist/js/coreui-utilities' HOT 2
- Modal is not disposing off through javascript/typescript HOT 2
- Accordion component not displaying text HOT 1
- Missing License HOT 1
- how can use clickableRows with selectable in same table HOT 2
- cTemplateId="columnFilter_columnName" not work HOT 3
- This thign is frustrating to say the least HOT 1
- Remove x-axis ticks/labels HOT 1
- Applying a theme to user custom component
- Could not find a declaration file for module '@coreui/icons'. 'node_modules/@coreui/icons/dist/cjs/index.js' implicitly has an 'any' type. HOT 1
- Modal only shows after adding css classes HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from coreui-free-angular-admin-template.