Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

1.5x interface scaling for small HiDPI displays #53

Closed
rend3r opened this issue Jul 1, 2017 · 119 comments
Closed

1.5x interface scaling for small HiDPI displays #53

rend3r opened this issue Jul 1, 2017 · 119 comments
Labels
confirmed-bug Issues with confirmed bugs fixed Issues that fixed and released

Comments

@rend3r
Copy link

rend3r commented Jul 1, 2017

ONLYOFFICE does not honour system dpi (scaling 150% or 144 dpi, using 27'' monitor on 3840 × 2160 in my case) so UI elements look too small.
only_dpi144

Windows 7 SP1 x64

@Yurisu1
Copy link

Yurisu1 commented Jul 11, 2017

The same on Windows 10 - icons and text are small. It would be nice to have "icon size" option or maybe some high-constrast theme.

@minhtrinh-90
Copy link

Yes. I can confirm this for both Windows 10 and Ubuntu Gnome. We need an option to scale the UI on the Desktop version.

@maxkadushkin
Copy link
Contributor

maxkadushkin commented Jul 28, 2017

in current version, for scaling equal 144 dpi or less is used 1x elements
to switch app manually to 2x scaling, use --force-scale=2 argument to start application

@minhtrinh-90
Copy link

I (and many others too I think) need a more fine-scaled option. I "only" have a 13.3" 1080p screen. As it is, the icons are too small, but the 2x option is not viable either (960x540 resolution effectively).

@rend3r
Copy link
Author

rend3r commented Jul 30, 2017

Looks much better with --force-scale=2 but still is not perfect
oo_scale

@maxkadushkin maxkadushkin added the confirmed-bug Issues with confirmed bugs label Aug 4, 2017
@maxkadushkin
Copy link
Contributor

@trinhno unfortunately, we have no solution for fractional values in scaling yet

@maxkadushkin
Copy link
Contributor

@rend3r thanks, it'll be fixed in next release

@Dremor
Copy link

Dremor commented Sep 15, 2017

There is a similar problem on the Surface 3 (Scalling 150%, OnlyOffice 4.4.1).

image

Make OnlyOffice quite unusable.

@memen45
Copy link

memen45 commented Oct 12, 2017

Same here on Surface similar device, Windows 10 fully updated and clean install of onlyoffice.
Screen: 1920x1080 with 12.2". UI is enorm and little space is left for the document. Also part of the UI falls outside the frame and is therefore unreachable.
naamloos

Cannot find anything under Advanced settings either

Edit: I use this same device with an external monitor sometimes and that actually works perfectly (19", 1680x1050).

@filkeith
Copy link

filkeith commented Nov 8, 2017

I have another problem. With Titlebar. It is so big on 14" Full HD
image

@ghost
Copy link

ghost commented Jan 13, 2018

@maxkadushkin May I ask if there is any ETA for the new version?

@maxkadushkin
Copy link
Contributor

@filkeith do you use some flags to launch the app? do you have that bug in new version?

@filkeith
Copy link

@maxkadushkin nope. I've tried to run in compatibility mode and with different flags, but nothing help. Also someone from your team (xkorolx) on habr said, that he reproduced this bug and that you'll fix it next version.

Problem only appears on fullHD when display size is less then 15', as I understand. I have dell latitude e5450 with 14' display. If you'll connect external monitor and move window to the monitor, title bar become normal size.

@maxkadushkin
Copy link
Contributor

@5haffl next release is planed for end of month, but it won't contain big fixes for that issue

@maxkadushkin
Copy link
Contributor

@filkeith what xkorolx said is true, your problem is fixed and will be released soon

@rend3r
Copy link
Author

rend3r commented Jan 29, 2018

As for 4.8.6
only_o_486
See no issue for my setup now.

@filkeith
Copy link

After last update 4.8.7.392 my problem was solved

@zjuhasz
Copy link

zjuhasz commented May 19, 2018

I'm using Solus Linux and everything scales fine except the cursor which is tiny. I'm using the latest snap.

@arnowelzel
Copy link

arnowelzel commented Jun 25, 2018

5.1.29.348 x64 not using scaling at all in Windows 10 configured with 200% UI scaling @ 3840x2160:

grafik

With --force-scale=2 it's way better, so the question is, why is this not detected automatically? Also see: https://msdn.microsoft.com/de-de/library/windows/desktop/dn280510(v=vs.85).aspx

grafik

@jcklpe
Copy link

jcklpe commented Aug 16, 2018

Yes, I agree, this sort of thing should be detected automatically. It's kind of a pain to be told that the solution is that I have to run the application with flags. I'm not opening up stuff from the command line yah know?

@jcklpe
Copy link

jcklpe commented Aug 16, 2018

BTW, I did end up fixing it by going into the .exe and under compatibility and HiDPI settings, setting it to ignore and override the systems attempt to use it in a HiDPI way. That does mean however that the application looks kind of blurry. Not great.

Love the UI for OnlyOffice. I've been a big proponent of it. I just put up my own document server so that I could integrate it with my private NextCloud system. BUT the editor experience could use a fix on this!

@pdimens
Copy link

pdimens commented Nov 19, 2018

I'm having a similar issue, but it doesn't seem that anyone has had this particular issue on this thread, in that the editor on Arch Linux (Manjaro-Deepin) does not honor the scaling
image

@graynk
Copy link

graynk commented Nov 20, 2018

I'm having a similar issue, but it doesn't seem that anyone has had this particular issue on this thread, in that the editor on Arch Linux (Manjaro-Deepin) does not honor the scaling

Same issue here on latest KDE Neon. There are issues #78 and #136 for this, however they've been open for a long time now.

@graynk
Copy link

graynk commented Jan 10, 2019

Yeah, so... It's worse now?

screenshot_20190110_102945

@nikaro
Copy link

nikaro commented Jan 10, 2019

I don't know if it is related to HiDPI but here what it looks like on Fedora 29, 1920x1080.
onlyoffice_fedora29_1920x1080
It looks good with desktopeditors --force-scale=1, and after launching it in terminal with this parameter, if i launch it through Application launcher it remember the scale (which is nice).

@ChriKn
Copy link

ChriKn commented Jan 25, 2019

Same on windows, sad, that it doesn't sclae right (150% on a 1920x1080 13.3" screen)
Wuld love to ditch office (and microsoft) for good.

@Aceler
Copy link

Aceler commented Jan 29, 2019

Ubuntu version installed from snap doesn't detect HiDPI automatically. --force-scale=2 provides strange output.
2019-01-29 11-26-28
UPD: Same with deb.

@Githopp192
Copy link

Got the same Issue ... very small icons on Windows 10 / Chrom Browser .. OnlyOffice is running in a Docker .. strange thing is .. that did not have got this behave from the beginning .. !?

@arnowelzel
Copy link

Apparently the scaling affects the text and the icons from one of the previous comments.

Sent from my mobile
On Jan 23, 2021, at 11:26 AM, Laurent SIMON @.***> wrote:  My two cents: Icons with a not perfect looking is something far less disturbing than the current wrong scaling. The primary need is to get the correct display scaling, to get a usable application. The icons' perfection problem is a minor detail. It can be deferred if it's a tricky point. — You are receiving this because you commented. Reply to this email directly, view it on GitHub, or unsubscribe.

Yes - and this can not be solved as OnlyOffice is using JavaScript painting on a browser canvas and not native OS rendering. Also the desktop application works this way. When you create a canvas the pixels will be upscaled depening on the OS scaling.

Example:

You create a canvas with width and height of 100 pixels. If the OS scaling is 100% this means exactly 100x100 device pixels:

<canvas width="100" height="100" />

However - when the OS scaling is 200% the same canvas will get twice as large since all pixels will scaled by factor 2. Browsers work this way to make sure that the size of bitmap elements (like images or a canvas) stay the same relative to text elements which also get larger. However text elements use native rendering and the pixels of a font will always use device pixels.

But at 200% scaling the canvase it will still have only 100x100 pixels. To mitigate this effect, the canvas can be scaled down again using CSS, so the internal canvass ize can be increased to 200x200 pixels match the device resolution:

<canvas width="200" height="200" style="width:100px; height:100px" />

The problems start, when you don't have even scaling factors like 125% or 150%. In this case, the canvas needs to be scaled down by a factor of 1.25 which is 0.8 or 1.5 which is 0.6666~. This will result in "blurry" pixels and can not be avoided at all:

<canvas width="125" height="125" style="width:100px; height:100px" />
<canvas width="150" height="150" style="width:100px; height:100px" />

This applies to every browser based application which uses a canvas to draw elements. The only solution to this would be using pure CSS based rendering and not a canvas to render content. But this would be a completely different approach which requires more or less a complete rewrite of the rendering code.

@laurent-simon
Copy link

Apparently the scaling affects the text and the icons from one of the previous comments.

Yes, of course. I just say that the most important is to be able to scale the display. If the icons are not always perfectly rendered at a given scale, it's a negligible problem compared to the inability to scale at a size adapted to the DPI.

@szaimen
Copy link

szaimen commented Feb 23, 2021

Any update here? :)

@anton-degterev
Copy link

If not for this annoying problem, the OnlyOffice could be recommended as the best free desktop office package at the moment. And now, for some users, it is completely unacceptable despite its excellent functionality. For example, for users of 13-inch Full HD laptops. As a result, the lack of fractional scaling becomes the main stop factor that does not allow you to recommend this software to everyone

@arnowelzel
Copy link

To get this work properly OnlyOffice would need to change from using a canvas to use SVG for output, so the rendering would then be done native and not as pixel graphics. But this is a major change and would take a lot of effort and time to be done.

@friday
Copy link

friday commented Feb 28, 2021

Do you speak for (represent) OnlyOffice @arnowelzel? If not maybe we can wait for someone who does to reply?

@arnowelzel
Copy link

Do you speak for (represent) OnlyOffice @arnowelzel? If not maybe we can wait for someone who does to reply?

No, I am also just an end user. But I know how OnlyOffice renders the UI and without changing from canvas to SVG outout they will never be able to support 1.5x scaling properly.

@friday
Copy link

friday commented Mar 1, 2021

You may be right. I'm not a Desktop App or C++ developer. However there's a classic workaround for the issue you mentioned, by factoring in the device pixel ratio (scaling factor) when you're creating the canvas. It looks to me like they're already doing this: https://github.com/ONLYOFFICE/desktop-apps/search?q=dpi_ratio

And you can use ctrl + today already to zoom the content (not the menu, header etc). For me in "Document" (Word equivalent) it zooms to 120%,140% and up while in Spreadsheets (Excel equivalent) it's 125%, 150% and up. For normal text I don't think zooming makes it look any blurrier than 100%. Maybe it doesn't apply to normal font rendering though, but rather the SVG icons like the contributor said? In which case, is it really that bad?

@Real-Gecko
Copy link

To get this work properly OnlyOffice would need to change from using a canvas to use SVG for output, so the rendering would then be done native and not as pixel graphics. But this is a major change and would take a lot of effort and time to be done.

There's a lot of apps having icon scaling issue in general, here's example of Double Commander
image
However it's a minor issue we can live with, cause functionality is what matters.

@arnowelzel
Copy link

I don't talk about just the icons - the whole UI is rendered as a bitmap (yes, also with the desktop version) and then scaled afterwards. This scaling only works properly for 100% and 200% but not any values between - this can result into a "blurry" UI. See my explanation above about how canvas rendering works and why certain scaling factors cause problems.

@arnowelzel
Copy link

arnowelzel commented Mar 1, 2021

Example:

grafik

You can see that the whole UI is slightly "blurry" - however the font selection "Arial" and "11" is OK since this is not part of the canvas but a element which is rendered by the browser itself at the native resolution.

And this is the same UI at 200% scaling:

grafik

The differences are not easy to spot when the preview is scaled down by Github - but if you open the bitmaps at their native size you should clearly see the point.

@Real-Gecko
Copy link

You can see that the whole UI is slightly "blurry" - however the font selection "Arial" and "11" is OK since this is not part of the canvas but a element which is rendered by the browser itself at the native resolution.

Yep, that's bad.

@maxkadushkin
Copy link
Contributor

Any update here? :)

it's planned for 6.3 ver.

@ghost
Copy link

ghost commented Apr 4, 2021

A bit late but as a workaround for Windows 10 you can override application scaling with system scaling by right clicking the binary and clicking on "Compatibility" tab and then on "Change high DPI settings" button. This forces the application to use system scaling from settings but it looks blurry if is fractional.

@Githopp192
Copy link

it's never to late .. :-)

Some time ago i did write a short TroubleShooting Document for my users about the OnlyOffice Scaling issue ..
i had got this issue with a 4K Screen .. .. here is an extraction of it -->

OnlyOffice
Problem with screen scaling/zoom

With certain screen resolutions (like 4K screens) it sometimes happens that OnlyOffice displays the menu fonts and the menus themselves scaled too small. This is already noticeable when opening the documents:

ScreenShot136

The problem can be solved by adjusting the browser used to start Nextcloud via the web as follows:
(in this example "Microsoft Edge")

Open the application folder in Explorer where "Edge" was installed:
ScreenShot137

Right click and select properties:

ScreenShot138

Click on the "Compatibility" tab and then on "Change high DPI settings":

ScreenShot139

Change this setting from:

ScreenShot140

to:

ScreenShot141

Now launching OnlyOffice in the cloud properly scaled

ScreenShot142

Important:

To apply the settings, log out and log in again (or restart PC).

Note: Under certain circumstances, the font in the EDGE browser may be blurred when the scaling is adjusted. This has then to do with this change. If necessary, this can of course be undone again. If necessary, other browsers can be used / tested that can better handle the 4K screen scaling in a better/more perfect way.

@regs01
Copy link

regs01 commented Apr 4, 2021

This isn't really a solution of any form as it just rasterized upscaling.

@Githopp192
Copy link

that's right .. but it should be more a workaround .. but to be honest .. i got really troubles read the contents with Edge then - and i did revert this "workaround" later on

@regs01

This comment has been minimized.

@ShockwaveNN

This comment has been minimized.

@Real-Gecko
Copy link

Just got an update to version 6.3.1 on my Arch Linux machine, looks fantastic with 150% scaling in FHD
image

image

Thanks!!!

@regs01

This comment has been minimized.

@ShockwaveNN
Copy link
Contributor

ShockwaveNN commented Oct 8, 2021

I think I'll close this issue because

  1. It's very old - from 2017 originaly
  2. We released several updates of DesktopEditors including 150% interface scaling
  3. Actually this issue is quite a mess and consists of several not directly related problems about scaling

So I think most issues from this issue is resolved, but all other specific situation it's better to create separate issues

@ShockwaveNN ShockwaveNN added the fixed Issues that fixed and released label Oct 8, 2021
@rommy2015

This comment was marked as off-topic.

@ShockwaveNN

This comment was marked as off-topic.

@yllekz
Copy link

yllekz commented May 14, 2022

This was never properly fixed and is still happening on my system with a 4K monitor. No settings fix the enormous UI scaling. Please re-address this.

@regs01
Copy link

regs01 commented May 15, 2022

You forgot to mention OS and window system and display server in case of Linux.

@arnowelzel
Copy link

This was never properly fixed and is still happening on my system with a 4K monitor. No settings fix the enormous UI scaling. Please re-address this.

At least Windows 10 it works fine - and this also applies to the browser version, which also scales OK at 1.5x:

image

image

@ShockwaveNN
Copy link
Contributor

@yllekz I think it's better to create a new issue with detailed description of your environment and problem.
Now we have 200% but for your screen maybe something more needed, like 250% or 300% (and we got separate issue for that )

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
confirmed-bug Issues with confirmed bugs fixed Issues that fixed and released
Projects
None yet
Development

No branches or pull requests