Topic: How to make pills sticky
Frank Kreutzer asked 5 years ago
Expected behavior
I have a pills tabset inside of a modal. I want these pills to stay sticky/fixed at the top of the modal content if there is scrolling content.
Actual behavior
Pills will do not stay sticky to the top, scrolls with the modal content.
Resources (screenshots, code snippets etc.)
<div class="modal-body px-0">
<mdb-tabset [buttonClass]="'pills-primary white font-weight-400 mb-2'" mdbSticky>
<mdb-tab heading="Manage Email List">
<app-manage-email-list [emailList]="emailList"></app-manage-email-list>
</mdb-tab>
<mdb-tab heading="Manage Notification Preferences">
<app-manage-notification-preferences [activeProfileList]="userActiveProfilelist" [emailAddressList]="emailList"></app-manage-notification-preferences>
</mdb-tab>
</mdb-tabset>
Konrad Stępień staff answered 5 years ago
Hi @Frank Kreutzer,
Did you visit this page: https://mdbootstrap.com/docs/angular/advanced/sticky/ ?
Probably you find the solution on this page.
But if you'll still a problem please tell me about that. I will try to help you.
Best, Konrad.
Closed
This topic is closed.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Closed
- User: Free
- Premium support: No
- Technology: MDB Angular
- MDB Version: 8.10.1
- Device: PC
- Browser: Chrome
- OS: Windows 10
- Provided sample code: No
- Provided link: No