How to disable the right click for a Kiosk website

March 5, 2015   /   by Marco  / Categories :  Google, Technology
Disable Right Click Context Menu

In the past several post you may have noticed that I’ve been writing quite a bit about Chrome and Kiosk. There is a reason for this as I’ve been involved in setting up a Kiosk for a project. Now in this post I’m just going to write down how I disabled the right click (context menu) for a Kiosk website. I have discovered that disabling the Press and Hold setting in Windows did not actually disable this in Chrome. See below image as to what I’m refeering to:

Windows Press and Hold

So what I had to do was to include some code in the website page (as is what is being displayed on the Kiosk).

The code that I used is:

[codesyntax lang=”php”] [/codesyntax]

This disables the content menu function on that particular site but note that it’s only for this web page. If someone was to visit another web page the content menu will be displayed.

Here’s an example code that displays a coming soon image on the web page.

 

[codesyntax lang=”php”] In the above example, the webpage just displays a coming soon image. The script section disables the context menu. I had to change the body colour to red because the image was in red and didn’t want to show any white around it. The pixel size of the actual image was 1920×1080 however when the image was loaded it displayed the scroll bars so to fix this issue I set the width and height to 1900×1060 which fixed the problem.

HELP
Did this article help? I believe there are better way to do this, if so please let me know.
DO YOU LIKE WHAT YOU'VE READ?
Join our subscription list and receive our content right in your mailbox. If you like to receive some Great deals our Freebies then subscribe now!

Our Sponsors

  • Follow us:

OTHER ARTICLES YOU MAY LIKE


HOW TO REMOVE WINDOWS 10 WELCOME SCREEN

HOW TO REMOVE WINDOWS 10 WELCOME SCREEN

Have you been getting the blue Windows 10 Welcome screen? It normally pops up after installing Windows 10 or after a Windows 10 update. I’ve been receiving a lot of questions relating to this and there are a few ways to remove it. One way it to change the settings in the registry setting but […]

read more
6 REASONS TO SYNCHRONIZE YOUR DATA

6 REASONS TO SYNCHRONIZE YOUR DATA

Technology changes and complex business requirements might compromise product data, impacting negatively on the company. Data synchronization ensures that information across the production chain is consistent. BizCaps achieves such streamlining with tools that collect data and sync it from the supplier to the consumer, increasing efficiency. Here are six reasons you require data synchronization. Increased […]

read more

Subscribe

Receive the latest news and awesome deals via email

Like our Page

site auditing tools