Topic: How to make pills sticky

Frank Kreutzer free asked 4 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 4 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.


FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Closed

Specification of the issue

  • ForumUser: 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