Scrollbar for dropdown button popup

[Aditya Murthy]

Hi All,

Is there a way to use scrollbar in dropdown button list? Coz i have quite a lot data and scroll isnt coming .

Also how can i position the dropdown to come at top and no bottom?

Regards,

Aditya

[Mohan Kumar Ramasamy]

Hi Aditya, 

 

We have checked your reported query. We can set scrollbar in dropdown button popup using CSS style. Please refer below code snippets. 

 

 

.e-dropdown-popup ul { 

  height: 200px; 

  overflow-y: scroll; 

} 

 

 

And also Dropdown button popup open position can be changed in open event by setting top and left for the popup element. Please refer below code snippets. 

 

 

  <button 

            ejs-dropdownbutton 

            #dropdownbutton 

            [items]="items" 

            content="Profile" 

            (open)="onOpen($event)" 

          ></button> 

 

  // To open popup in particular position. 

  public onOpen(args: OpenCloseMenuEventArgs) { 

    args.element.parentElement.style.top = 

      this.dropdownbutton.element.getBoundingClientRect().top - 

      args.element.parentElement.offsetHeight + 

      "px"; 

  } 

 

 

For your reference, we have prepared a sample based on this. Please refer below link. 

 

Link: https://stackblitz.com/edit/angular-qmkroj?file=app.component.html  

 

Ug Documentation Link: https://ej2.syncfusion.com/angular/documentation/drop-down-button/how-to/position-popup-open/  

 

Please let us know, if you need any further assistance. 

 

Regards, 

Mohan kumar R 

[Aditya Murthy]

HI Mohan Kumar,

The solution you provided works perfectly for my requirement .

Thanks for the solution

Regards,

Aditya

[Mohan Kumar Ramasamy]

Hi Aditya ,   

  

Thanks for the update.  

 

We are happy to hear that your requirement has been fulfilled. Please feel free to contact us if you need any further assistance on this. 

 

Regards, 

Mohan kumar R