This is a migrated thread and some comments may be shown as answers.

Page size dropdown hidden behind page footer.

1 Answer 45 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Mahlon
Top achievements
Rank 1
Mahlon asked on 28 May 2015, 05:17 PM

We have a kendo grid that sits just above our page footer. The footer has a higher z-index than the grid. Because of this, when selecting the page size dropdown, some of the items are hidden behind the footer.

 Is there a way to make the page size dropdown open upwards instead of down? We would prefer not to have to move the grid upwards away from the footer, as this would introduce empty space that is only there to give the page size dropdown something to open into.

Thanks!

1 Answer, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 01 Jun 2015, 11:49 AM
Hello Mahlon,

You can force the page size dropdown to open upwards like this:

// initialize the Grid first
 
var popup = $("#GridID .k-pager-sizes select").data("kendoDropDownList").popup;
 
popup.options.origin = "top left";
popup.options.position = "bottom left";
popup.options.animation.open.effects = "slideIn:up";

Alternatively, reduce the z-index of the page footer to be smaller than the z-index of the dropdown (which is 10,002).

Regards,
Dimo
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Grid
Asked by
Mahlon
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Share this question
or