article

markus posted Jan 21, '19

HowTo: Disable Hotkeys in Venus Remote Console on LAN

As requested in the community, it should be possible to disable the "hotkeys field" in Remote Console on LAN. To be able to make the GUI going fullscreen, on a tablet or some kiosk mode display for example.

To do this, I created a modified Stylesheet: styles.css styles.css.zip

Copy it on your Venus device to /var/www/javascript-vnc-client/styling/styles.css

To copy the file, you have to enable root access, following these instructions:

https://www.victronenergy.com/live/ccgx:root_access

After clearing your browsers cache and reloading the Remote Console on LAN page, it should look like this:

This is someway update proof, as long as you don't clear you browsers cache again or change the IP address of your Venus device, the modified styles.css will stay in browsers cache after updating Venus to a new version.

The hotkeys field on Remote Console via VRM is not affected by this mod, as the hotkey controls are created by the VRM webpage.

I use this modification, to have a local fullscreen display for a VenusGX using a Raspberry Pi with display attached and Chromium browser in kiosk mode. It is also possible to connect with a VNC client to the Raspberry Pi with multiple sessions at the same time, so you can have several mirror displays, showing the same, and you are able to control Venus from every mirror.

If you want to know, how to get Chromium in kiosk mode on a Raspberry Pi, read: https://community.victronenergy.com/answers/4280/view.html

If you have some further questions, I will be glad to answer them here, if I can ;o)

Regards,

Markus

bildschirmfoto-2019-01-21-um-141349.png (103.0 KiB)

no-remote-controls.png (60.5 KiB)

stylescss.zip (36.9 KiB)

2 |3000

Attachments: Up to 8 attachments (including images) can be used with a maximum of 190.8 MiB each and 286.6 MiB total.

Anil Ghatikar commented · Mar 14, 2019 at 09:43 AM

NICE modification I was looking for this a long time and somehow missed it .

0 ·

Anil Ghatikar Anil Ghatikar commented · Mar 16, 2019 at 11:23 PM

Hi,

Tried the stylesheet. The only problem I have is the keys are removed but the white space is still left in place of keys. I have to zoom 150 % to fill up the screen.

Any setting I can apply to zoom the tiles on load.

0 ·

markus ♦♦ Anil Ghatikar commented · Mar 18, 2019 at 12:02 PM

Hi, @Anil Ghatikar,

really?

It seems something has changed recently.

The new path for the stylesheet is: /var/www/venus/styling

I tried to put the modified Stylesheet there (2.30-32) and it works.

I tried on IE (Windows) and Firefox (Mac) both work without a white frame.

But yes, you have to set zoom level to match full screen resolution.

The Raspi Kiosk mode (set up following your posted instructions) saves the last zoom level in my case and it is therefore going fullscreen after every reboot.

I am so thankful that you brought me to this idea, I absolutely want you to have this working too, so I will help you to get this done!

Regards,

Markus

PS: look at attached screenshots. (without zooming to fullscreen) do they look the same in your case?

Its obvious to say that your screen size has to be the same ratio than 480x272 to get 100% full screen. My "Master Mirror" Raspberry Pi has exactly set this resolution. Every additional VNC mirror can fit scaling to match the ratio on any resolution.

See:

0 ·

bildschirmfoto-2019-03-18-um-123348.png (90.8 KiB)

bildschirmfoto-2019-03-18-um-123316.png (177.0 KiB)

bildschirmfoto-2019-03-18-um-125155.png (269.1 KiB)

bildschirmfoto-2019-03-18-um-125211.png (84.1 KiB)

bildschirmfoto-2019-03-18-um-125838.png (56.1 KiB)

bildschirmfoto-2019-03-18-um-131210.png (66.8 KiB)

markus ♦♦ Anil Ghatikar commented · Mar 18, 2019 at 11:23 PM

Still very much in "beta state" but this is my "Master Mirror" kioskPi ;o)

0 ·

whatsapp-image-2019-03-19-at-002241.jpeg (421.8 KiB)

romansocal markus ♦♦ commented · Mar 14, 2021 at 10:08 AM

Thank you @Markus, good job.

If you like ZOOM (full screen) and white background you can change CSS:

at line: 9621:

remote-console-popup-container.logged-in {

width: 100%;

zoom: 2.1;

}

at line 3968:

background-color: white;

it works at Kiosk on iPad where you can't set a zoom.

0 ·

nillerk romansocal commented · Mar 17, 2021 at 05:13 PM

I have the official RPI 7" screen and I cannot get this to work. It is still only at 480x272 resolution.

I can get it to increase to 800x400 but I lose access to the menu bar at the bottom. I can still see it, just not click on it.

Any help would be appreciated.

0 ·

Kevin Windrem nillerk commented · Mar 17, 2021 at 06:16 PM

You may need to recalibrate the touch surface.

https://community.victronenergy.com/questions/65414/venus-os-raspberry-4-5-mpi5001-calibration-touchsc.html

There are other posts too.

0 ·

fritzvk romansocal commented · Sep 03, 2023 at 09:21 PM

I tried to edit this line, but without the zoom result. I have an iPad to acces te portal of the Venus GX, I use the standard safari browser, but it still shows the screen in the original size (without the hotkeys! So we got that far)

Anysuggestions what to do to make this work on an iPad? Or do I need a specific kiosk app?

Thanks :)

0 ·

naturalsolares Anil Ghatikar commented · May 18, 2019 at 12:37 PM

@Markus

Usefull stylesheet!!

i have used it in an iframe in Home Assistant

many thanks

0 ·

ezra commented · May 16, 2019 at 09:58 AM

Thanks! Could you explain how you've setup your VNC mirror or link to a guide? Can't seem to find anything thats working.

0 ·

markus ♦♦ ezra commented · May 17, 2019 at 05:53 AM

Hi.

This is a super easy task:

Activate VNC protocol in Raspberry Pi settings.

After that, download a VNC viewer on the device that you want to have the mirror and connect to the IP address of your Raspberry Pi.

If you register to the VNC cloud you are able to connect to your RasPi from everywhere not just inside your LAN.

Pls. try that out, and if you have further questions I will be glad to help.

Regards,

Markus

0 ·

markus ♦♦ markus ♦♦ commented · May 17, 2019 at 05:54 AM

@ezra.

0 ·

philcollins markus ♦♦ commented · Jul 02, 2019 at 05:37 AM

Sorry but confused. I think I am missing something. I cant find anyway to enable vnc on the pi.are referring to a second pi?

0 ·

markus ♦♦ philcollins commented · Jul 02, 2019 at 10:48 AM

Hi @philcollins,

yes, this is all about monitoring a Venus device without display with a (2nd) Raspberry Pi with Raspbian OS and local touchscreen.

The Raspberry Pi with Raspbian OS acts as a VNC Server then, for more mirror displays.

Best Regards,

Markus

0 ·

Anil Ghatikar markus ♦♦ commented · Dec 08, 2019 at 10:13 PM

@Markus could you please make a modified styles.css with balck or brown background instead of white . is it possible.

The while display is jarring during the night with so much brightness

0 ·

markus ♦♦ Anil Ghatikar commented · Dec 09, 2019 at 08:20 AM

Hi Anil,

there is no real background, there is nothing. The white background is only how your browser interprets that.

I would suggest to change the resolution of your raspberry pi to a resolution matching the aspect ratio of Venus OS to be able to zoom it to fullscreen.

Since CanVu is out, it is even possible to set Venus OS itself to a higher resolution.

Regards,

Markus

0 ·

fenix commented · Dec 17, 2019 at 01:28 PM

hello

could you give more instruction on the how?

Copy it on your Venus device to /var/www/javascript-vnc-client/styling/styles.css

tks

0 ·

markus ♦♦ fenix commented · Dec 17, 2019 at 01:44 PM

Yes - please see here:

https://community.victronenergy.com/articles/10509/howto-access-files-on-venusos-with-root-access-usi-1.html

Regards,

Markus

0 ·

Kevin Windrem commented · May 12, 2020 at 05:38 PM

This is great but have two questions:

1) How do you back out these changes. I tried removing styles.css but that caused the page to fill with icons.

2) Is it possible to change the resolution for remote display on a CCGX where there is a local display?

0 ·

andreas-ziegenfeldt commented · Jan 28, 2023 at 04:38 PM

Looks real nice, however mine looks like it’s zoomed in. Is that possible to fix somehow?

Is it also supposed to disconnect the console in VRM?

0 ·

09b44d99-8af3-44d6-96b4-80fed6d1d306.jpeg (51.2 KiB)

juanma-haro andreas-ziegenfeldt commented · Feb 14, 2023 at 10:36 PM

I have the same issue. Hopefully someone can help with this

0 ·

Glen juanma-haro commented · Mar 05, 2023 at 08:56 AM

try this and it works :

.remote-console-popup-container.logged-in {
width: 100%;
height: 100%;

/* This is needed to prevent the canvas becoming tiny on some occasions.. */
}

1 ·

Al Glen commented · Oct 27, 2023 at 07:36 PM

Thanks @Glen I had the same issue (a zoomed in corner) on my fully kiosk tablet after a changeover from a CCGX to Cerbo, editing how you suggested that bit of the stylesheet fixed it! :)

0 ·

Al Al commented · Mar 17 at 04:22 PM

Just an update as I tested GUI V2 Beta today, and reverting back to GUI V1 caused the stylesheet to go back to standard, so I had to put it back again, and edit the Width/Height again as above.

The directory for the stylesheet has moved since Markus originally made this thread, it's now at:

/var/www/venus/styling/

0 ·

Al Al commented · Mar 21 at 03:32 PM

Hi @Markus I'm finding the modified stylesheet is lost each new VenusOS update. I just updated to VenusOS v3.30 and had to upload again to the newer directory. Is there a workaround to keep it persistent? Should I also update the styless.css.package and styless.css.orig ?

Thanks

0 ·