Progress® Kendo UI® for Angular Feedback Portal
Back to Feed
Request a Feature Report a Bug
Unplanned
Last Updated: 23 Oct 2024 13:57 by ADMIN
Iqbal
Created on: 21 Jul 2017 04:01
Category: DropDownList
Type: Feature Request
5
Dropdown popup alignment position
It would be nice to be able to set dropdown popup alignment position like, left, right, top, bottom for all dropdowns like, dropdown button, dropdown list, etc
3 comments
ADMIN
Yanmario
Posted on: 23 Oct 2024 13:57

Hi Travis,

Yes, I can share an example that can be useful to dynamically position the popup of the DropDownList using CSS variables.

Example - https://stackblitz.com/edit/angular-vpwyih?file=src%2Fapp%2Fapp.component.ts

This example demonstrates how to position the popup to the right of the DropDownList container if there is enough space. That would kinda give you an idea of how to reposition the popup dynamically with custom JavaScript and CSS. You could also directly target the `.k-animation-container` with CSS without dynamically positioning the popup. 

Regards,
Yanmario
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Travis
Posted on: 21 Oct 2024 15:37
2nd this. In the meantime does anyone have an example of some custom css to change the position?
Miłosz
Posted on: 15 Nov 2017 17:14 
I'd like at least top/bottom choice.
Create an account Log In
View
Type
Status
Category