As stated, How do I stop the black left-hand menu blocking the dashboard page? I have 'shrunk' the page with Chrome zoom settings but that doesn't help.
Please can anyone advise me how to do this?
TIA
asked
How to stop the menu partly covering the dashboard page
Are you asking about VRM or a local view?
Can you post a pic or screenshot?
Try and adjust your screen resolution (?) for that tab. 3 dots at the top of the page > zoom > adjust % down.
I've shifted the taskbar to the bottom
Turned off extensions but no luck.
Again, don't think that's relevant - try it yourself and see if you can replicate what the OP is seeing. On a browser that is obeying the css instructions, once a min pixel width is detected, the left menu reduces to a top-left 'hamburger' icon. If it doesn't reduce to an icon, it's v likely a browser-not-obeying-css issue.
Scale didn't help but resolution does! I can see the whole thing now.
Only thing is the rest of my stuff is hard to read particularly the internet tabs on chrome. Oh well can't have it both ways I suppose. Or can I? Can I set the resolution to be that way just for the VRM portal? Or is the css thing (don't know what that is) the root cause and is it fixable?
In an ideal world the black menu would be closable.
Only thing is the rest of my stuff is hard to read particularly the internet tabs on chrome. Oh well can't have it both ways I suppose. Or can I?
You can set a different "zoom" % for each individual browser tab. Chrome seems to remember the Zoom % the next time you open that website.
You can also tell chrome to set zoom % and font size upon opening up tabs. 3 dots at top right > settings > appearance.
Ah no, the zoom doesn't help, it's changing the resolution that does it but then that knackers up the rest of my visuals.
You said it's a Windows 10 system.
But it's a PC/laptop or a tablet? x86 or ARM?
The resolution looks low for a PC monitor.
It's a laptop, I think it's 64bit.
Try using the native screen resolution and use the scaling feature of windows.
Did you already tried another browser?
I tried it that way but the scaling (I mean the zoom % on chrome and the scaling in windows screen settings) makes many things bigger but not the chrome tabs.
I haven't tried another browser yet.
Are you using the recommended video driver for you computer?
Might pay to check the manufacturers website.
I tried it that way but the scaling (I mean the zoom % on chrome and the scaling in windows screen settings) makes many things bigger but not the chrome tabs.
Are you sure that scaling (the one in the Windows 10 Display Settings) does not increase everything in size?
Zoom in Chrome (or other browser) only increases/decreases the webpage content. So it won't make the tabs bigger.
For LCDs, the resolution should always be set as the native resolution of the display. Any other resolution degrades the image clarity.
Yes totally sure. I went through the scaling when I got the laptop and again the other day trying to solve this issue. It's also a pain to do as you have to sign out and in again!
Which is the native resolution?
Which resolution did you set?
What scaling (%) have you used?
Seb71: Resolution it wants me to use is 1920 x 1080 but I have set it to 1600 x 900.
Scaling I have on 150% (it says) but when I change the scaling it shows up as if it was set to 110% so I don't know where it is actually set. I have tried various settings of scale to no avail.
Johnone: what's CSS and how do I fix the problem?
Can you do the following:
1. Set the display resolution to the native 1920x1080.
2. Set the scaling (in Windows 10 Display Settings) to 100%.
3. Open Chrome and open a few tabs in it. Make a screenshot.
4. Close Chrome.
5 Change the scaling to 150% (in Windows 10 Display Settings).
6. Open Chrome and again open a few tabs. Make another screenshot.
Can you please just try another browser to eliminate or confirm a CSS issue?
Microsoft Edge (based on Chrome) should be installed on your system by default.
Sorry I didn't click how easy it was to try Edge as it is of course installed already!
Tried Edge and it works fine with VRM portal.
From a web developer perspective, it's kind of amusing to see all the experts on here going on about screen resolution, scaling and even the video drivers! To repeat, what the OP's screenshots show is the browser not following the web page css instructions - "when the screen width goes below a set size, reduce the left navigation pane to a top-left icon".
So, why isn't the OP's browser following what the page asks it to do? It's an interesting question but given nobody else is seeing the issue, questionable that it's a matter for a Victron forum.
He did wrote that when using the native resolution (I assume he tried with the native resolution), the issue goes away:
Scale didn't help but resolution does! I can see the whole thing now.
He said that disabling browser extensions does not fix it.
Can he improve/fix Chrome browser by himself? Unlikely.
Can he change resolution and scaling by himself? Very easy. And it fixes the issue.
I did try with Chrome on a Windows 10 PC and when I resize the window to a small size, VRM page is displayed correctly in my case.
It's not a fix, it's a kludge - ignoring what the actual issue is, and instead forcing the user to change screen resolution for all uses!
So, apparently it's Chrome which is at fault here and the problem is CSS related. What do I do to fix it ? or should I take my problem elsewhere ?
It's time the developers are involved.
@Guy Stewart (Victron Community Manager) Looking through this, probably a good idea to pass it on, what Dou you think?
