Windows 125% scaling breaks the UI

Radzen.Blazor Components
1

This might be off topic but I hope to get some ideas here.

I am making a web application where in the main view there will be a table with all the months of the year as columns. The issue I'm having is that the laptops now come by default with 125% scaling factor which most users are not aware of and can't be expected to change that.

In my view, when these conditions are met, the input fields in the table get cut off, which ruins the whole UX feel. Is there any trick on fixing this?

image
image937×683 80.7 KB

Here is an example of how the table ends up looking. All the components here are RadzenComponents and there is no custom CSS applied. They all have the default theme.

This is on a 1920x1200 with 125% scaling.

2

The only solution here is to make the columns wider. Set ColumnWidth of RadzenDataGrid.

3

That is unfortunate, since the table would fit ideally width wise in the whole screen but alright, thanks for confirming I didn't miss any easy fix :+1:

4

This does happen. However you have more content that can possibly fit in the desired space. You have to consider carefully what you want to display and what screen sizes to support.

5

For the current case, I see there is the Density.Compact which is exactly what I was hoping for :+1: It fits the screen fine with it for now