Can the kendo grid cell dropdown top position be changed

[David]

Hi
I have a dashboard with a grid and space is rather tight, and the user wants to see a long list of items, without covering up other parts of the grid.
Is It possible from my sample below

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

To always have the kendo-dropdownlist popup always open just below the column header, no matter which row is being edited ?

Here's a sketch of what I'm looking for .. I want the popup to always open right below Product Name.  For PopupSettings there appears to be no "Top" attribute to accomplish this position change. 


 Using chrome dev tools, I can modify the Top attribute to 0 to achieve the desired result.

Thanks

[Yanmario]

Hi David,

Thank you for the provided details.

The DropDownList component provides a popupSettings property that can be used to attach a class using popupClass or append to a specific container in the DOM. As such depending on the approach the developer can use a class with custom CSS to adjust the position of the popup or specify the container to render on the specific position of the page.

I hope this helps.

Regards,
Yanmario
Progress Telerik

[David]

Hi Yanmario

Could you please provide me with a quick sample ?

You can use my sample above and just fork 

The issue I'm having is Kendo popup does not appear to be a child of the grid ..



Thank you very much!

[Yanmario]

Hi David,

I will provide the CSS solution, which isn't currently responsive to the specific size of the screen and might need to be adjusted:

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

As for the appending to a specific element, the developer would need to create a component factory(not tested) that will render the DropDownList component after the DOM initializes so that the ViewContainerRef is available to be bound to the appendTo option in the component. This is considered a workaround as currently there is an issue in the DropDowns package where appending to a component or HTML element is bugged:

https://github.com/telerik/kendo-angular/issues/4038

Regards,
Yanmario
Progress Telerik     

[Yanmario]

Hi David,

Our developers have discussed the behavior of appendTo and concluded that it will not be treated as a bug. This is because it moves the popup in the DOM to a designated container, although it will still be displayed below the component. Therefore, it can be seen as a feature request, and the developer will need to modify the popup position using custom CSS.

Regards,
Yanmario
Progress Telerik     

[David]

Hi Yanmario

Thank you very much for the sample, much appreciated !