Hexnode MDM’s web kiosk mode is great for admins to restrict user access to only a set of whitelisted apps. There’s a lot of advanced settings you can configure to get that perfect kiosk experience tailored for your use case.
Enable Advanced web kiosk settings
To activate Advanced Website Kiosk Settings, first select Web view from Website Kiosk Settings.
- Go to Policies > New Policy > Name the Policy.
- Select Kiosk Lockdown > Android Kiosk Lockdown > Web kiosk Settings > Configure.
- Select Web view > Choose whether to open apps in full screen and refresh web apps periodically. You can also whitelist a set of websites if needed.
Configure Advanced web kiosk settings
Now, Go to Advanced Website Kiosk Settings > Configure.
|Enable Browser toolbar||Check this option to show the toolbar of Web view.|
|Show Back button||Check this option to show back button on the toolbar.|
|Show Forward button||Check this option to show forward button on the toolbar.|
|Show Reload button||Check this option to show page reload button on the toolbar.|
|Show Home button||Check this option to show home button on the toolbar.|
|Show Print icon||Check this option to show print icon on the toolbar.|
|Show ‘Clear Session’ option||When checked clear session option is shown on the toolbar.|
|Show Web view title on the toolbar||Choose whether to show Web view title on the toolbar.|
If “Show Web view title on the toolbar” option is checked,
|Web view title||Choose the Web view title. You can either give the web app’s name as Web view title or choose a custom title.|
If custom title is chosen,
|Title||Enter a title to be displayed on the Web view toolbar.|
|Theme color||Choose a theme color for the toolbar. You can choose from a set of 10 colors. When any of the color is chosen, a reset button appears to the right of the box clicking on which you are able to reset the default theme.|
|Screen orientation||Choose the orientation of the Web view screen. You can choose from ‘As per device settings’, ‘Landscape left’, ‘Portrait’, ‘Landscape right’, ‘Invert’. Default is as per device settings.|
|Pinch-to-zoom web page||Make it possible to zoom in the page with the pinch-to-zoom gesture.|
|Enable overview mode||Check this option to zoom out the web page as much as possible so that the whole width of the page is displayed on the screen.|
|Use wide viewport||When checked web view fixes a maximum value for its width thereby ensuring that almost the whole area of the web page is displayed by width. Enabled by default.|
|Web view display mode||Choose how you would like to view the web page. The selected option will get updated only after the next reload of the page. You can choose from Default, Desktop and Custom. If custom option is selected, a custom name is to be entered.|
|Reload page every _ seconds||Enter the amount of time in seconds after which the web page must be reloaded. A maximum of 86400 sec (1 day) can be given. Minimum value is 1 sec.|
|Do not reload if on home page||Check this option to stop the home page (the URL added as a web app) from reloading on no interaction for a time period set under the option Reload web app after every ___ second(s) of inactivity.|
|Reload web app when connected to a network||Check this option to reload a web page when connected to a network or when switched from one network to another. Enabled by default.|
|Refresh current page evey _ minute(s)||Enter the amount of time in minutess after which the web page must be reloaded. A maximum of 1440 minutes (1 day) can be given. Minimum value is 1 minute.|
|Ignore SSL errors||Check this option to hide security warnings due to SSL errors. SSL connection errors occur when you are trying to connect to an SSL-enabled website and your browser (client) is unable to make a secure connection to the website’s server.|
|Remote debugging||Check this option to debug the web app from chrome on your computer. Remote debugging lets you inspect a page running on the Android device from your development machine (Mac, Windows or Linux computer).|
You can remote debug live content on Android devices from your computer.
Follow the below steps to inspect the device with the Chrome browser:
- Enable the Android Developer options menu.
- On your Android device, navigate to Settings.
- Select About the device (About phone).
- Tap the Build number 7 times.
- Enable USB debugging on Android device.
- On your Android device, navigate back to Settings.
- Developer options menu is now visible. Under Developer options menu enable USB debugging.
- Enable USB discovery in Chrome.
- On your computer open Chrome and type in chrome://inspect.
Developer options page loads by default.
- Under Devices, enable Discover USB devices check box.
- Connect the Android device to the computer.
- Connect Android device to your computer with a USB cable.
- On your Android device, allow USB debugging if you see an alert for permission.
Prompt to allow USB debugging disappears soon as the device is in kiosk mode.
- Inspect the page.
- On your computer open Chrome and go to chrome://inspect.
- Click on Pages on the menu side bar.
- Find the page you want to inspect and click inspect below the page title.
This enables the debug mode when the USB cable is connected.
|Auto-play video||Decide if video is allowed to auto-play.|
|Allow file upload||Check this option to make Web view support file upload. Available in Android 5.0 and later.|
|Capture and upload image||Check this option to capture an image directly from the device camera and upload it. But you need to add the camera package to the list of background apps. This option will not work if Camera is disabled in Android Settings > Restrictions. Available in Android 5.0 and later.|
|Clear downloaded files||Check this option to clear browser downloads and any downloaded files on the device from the Hexnode Browser. The files get removed every time on loading the home page of the web app.
To enable this option, ensure that your Hexnode Browser is v4.2+ with Hexnode MDM app 11.6.0+ or Hexnode for Work app v7.6.0+.
|Cache settings||Web caching temporarily stores certain files and pages to increase the speed of page loading and to reduce bandwidth usage. Here you have four options from which you can choose the cache settings:
|Clear cache||Check this option to empty the cache on page reload.|
|Clear cookies||Check this option to clear cookies. A cookie is a piece of data that a website puts on the device so the website knows that this device has visited before. This allows webpages to customize their content based on information from previous visits.|
|Clear web storage||Check this option to clear web storage. Web storage offers a way for web applications and pages to store data locally in web browsers. The data that is stored is persistent meaning that it does not expire with a session.|
|Clear browsing history||Check this option to clear browsing history. Browsing history is the list of web pages a user has visited recently along with associated data such as page title and time of visit. Browsing history will be cleared on every page reload. After the browsing history is cleared, pressing the back button will exit from the web app if on single app kiosk with high auto-launch delay or on multi app kiosk. However, pressing back button will not take any effect if on single app kiosk with app auto-launch delay set to 0 sec.|
|Clear forms on page reload||Check this option to remove the auto complete pop up from the form on page reload.|
|Save form data||Form data are saved by default. Uncheck this option to prevent form data from being unintentionally saved. Works on devices running Android 8.0 and below.|
|Allow web apps to use location services||Check this option to allow web apps to use location services for a variety of reasons such as providing targeted content specific to your neighborhood or general area.|
|Disable Software Keys (Navigation Bar, Keyboard)||Check this option to disable software keys. You can’t access navigation bar or type using keyboard if this option is checked.|
|Disable back button||Check this option to disable back button.|
|Disable text selection||Check this option to prevent text selection.|
|Redirect from blocked URL||When a blocked page is reloaded, users are taken to the first page of the web app instead of reloading the same page.|
|Pull down to refresh the web page||Check this option to allow the user to refresh the Web view screen manually by swiping down.|
Associate the policy to target devices
- Go to Policy targets > Click on Devices/Device Groups/Users/User Groups/Domains.
- Click on +Add button > Select the required Devices/Device Groups/Users/User Groups/Domains > Click OK.
- Save the Policy.