article

markus avatar image
markus posted

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

Venus OSmodifications
29 comments
2 |3000

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

Anil Ghatikar avatar image Anil Ghatikar commented ·

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



0 Likes 0 ·
Anil Ghatikar avatar image Anil Ghatikar Anil Ghatikar commented ·

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 Likes 0 ·
markus avatar image markus ♦♦ Anil Ghatikar commented ·

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 Likes 0 ·
Show more comments
markus avatar image markus ♦♦ Anil Ghatikar commented ·

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


0 Likes 0 ·
romansocal avatar image romansocal markus ♦♦ commented ·

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 Likes 0 ·
Show more comments
llubi avatar image llubi markus ♦♦ commented ·
I don’t have this folder inside /var. is it possible there is a new route?


Thanks!

0 Likes 0 ·
naturalsolares avatar image naturalsolares Anil Ghatikar commented ·

@Markus

Usefull stylesheet!!

i have used it in an iframe in Home Assistant

many thanks

0 Likes 0 ·
ezra avatar image ezra commented ·

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 Likes 0 ·
markus avatar image markus ♦♦ ezra commented ·

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 Likes 0 ·
markus avatar image markus ♦♦ markus ♦♦ commented ·
0 Likes 0 ·
philcollins avatar image philcollins markus ♦♦ commented ·

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 Likes 0 ·
Show more comments
fenix avatar image fenix commented ·

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 Likes 0 ·
Kevin Windrem avatar image Kevin Windrem commented ·

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 Likes 0 ·
andreas-ziegenfeldt avatar image andreas-ziegenfeldt commented ·

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 Likes 0 ·
juanma-haro avatar image juanma-haro andreas-ziegenfeldt commented ·

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

0 Likes 0 ·
Glen avatar image Glen juanma-haro commented ·

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 Like 1 ·
Show more comments
Martin Kunz avatar image Martin Kunz commented ·

I think it would be better if it was switchable. Both panels, only tales, or keypad only.

0 Likes 0 ·
scheinheilig avatar image scheinheilig commented ·
Works perfect with tablet and kiosk mode. Thank you :-)
0 Likes 0 ·

Article

Contributors

Markus contributed to this article