Prime Community Forum

I have just changed my mobile from a Nexus 5x (1080p) to a HTC 10 (Quad HD) and I am just wondering why this is happening (since the quad hd has larger resolution)..:

I have a webpage with a datatable where I am using this theme. In portrait mode, I see one column for each row on both the mobiles, as expected. But in landscape mode, I see all the columns in one row using my old Nexus 5X but on my new HTC 10, I still see one column pr row... What am I missing?


Regards,

BTJ

Hi Bjorntj,

Sorry for my late reply! I was working on some issues about Layouts and Themes.

Can you please attach a screenshot and sample codes for us to replicate? Also, can you please try http://www.primefaces.org/titan/datatable.xhtml on your devices?

No problem...

I tried your link and the same problem appear there. I have included a screenshot from each of the mobiles in landscape view looking at the datatable.xhtml page.. (the first is the Nexus 5X and second is the HTC 10)

Thanks for the screenshots. I'll check and get back to you.

Did you find any reasons for this?

I think the "dp" values of these two phone are different from each other. Therefore, these differences can occur on devices.
I tested with chrome developer tools using HTC One 9 and Nexus 5x values in https://design.google.com/devices/. I could see a view like your screenshot.
HTC One 9 -> 1080x1920px 360x640dp
Nexus 5X -> 1080x1920px 411x731dp
http://stackoverflow.com/questions/2025 ... on-android
We use px values to write media queries, but I think they are effected by dp values. Maybe, you can write new queries depends dp values; https://css-tricks.com/snippets/css/ret ... dia-query/