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

Pager on Grid displays out of line on smaller screens/resolutions

3 Answers 37 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Austin
Top achievements
Rank 1
Austin asked on 03 Nov 2015, 09:33 PM

I have been trying to figure out this bug for several hours now and just can't seem to figure out what the issue is. I am using the Kendo UI Grid to display some items. The pager at the bottom works perfectly fine on any screen resolution above 1024px. But once it hits or goes below 1024px, the actual button to select the page your on drops down a line below the rest of the buttons.

I have inspected element on it and tried to change a ton of different style properties for it but none seem to work. I have attached screenshots to this thread. The first attachment is of it working properly on screens greater than 1024px wide. The second attachment is of it broken when the screen resolution is <= 1024px.

Hopefully someone has run into this problem before and can help me out. It's driving me insane!

3 Answers, 1 is accepted

Sort by
0
Austin
Top achievements
Rank 1
answered on 03 Nov 2015, 10:32 PM

This thread can be closed. I ended up figuring it out finally.

I removed the "transform: translateY(100%)" from the button and that seemed to fix it. Never had an issue with that on any of my other sites in the past though, so I'm not sure why that caused an issue this time. Just glad it's working again though. :)

0
Accepted
Iliana Nikolova
Telerik team
answered on 05 Nov 2015, 12:31 PM
Hi Austin,

This is a known issue, it has been addressed - please test your application using the latest internal build and let me know if you observe any further problems.

Regards,
Iliana Nikolova
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Austin
Top achievements
Rank 1
answered on 11 Nov 2015, 06:41 PM

Hi Iliana,

That does seem to have fixed the issue. Thank you for your response!

Tags
Grid
Asked by
Austin
Top achievements
Rank 1
Answers by
Austin
Top achievements
Rank 1
Iliana Nikolova
Telerik team
Share this question
or