Firefox add-on installation into Porteus Kiosk

At work we have a couple of info kiosks (we call them terminals) that we bought from some company many years ago, but the support has ended also many years ago, so they abandoned them. The kiosks were running some custom software that the company had thrown together, it didn’t seem very professional from an IT guy’s perspective, because those kiosks were lagging and eventually would hang and would need a manual restart. We were living with this for some years until eventually both kiosks just hanged and didn’t properly boot for no reason.

After this we decided to look for a solution and whadya know – there is one free and simple solution with plenty of customization options for our needs. It fits our situation perfectly and it’s called “Porteus Kiosk”

“Porteus Kiosk” is a kiosk edition of Porteus, a portable Linux OS based on Slack and it seems to be popular enough to have a Wiki article for it…

Our kiosks have a “Elo TouchSystems 2515” monitor (meaning there’s no mouse or keyboard) and a “ZOTAC ZBOX ID13” mini-pc which has very low specs like an old Intel Atom CPU and 2GB of RAM.

I quickly downloaded the latest ISO (4.7.0 at the time of writing) and installed it to a flash drive, booted it up on the kiosk to test out and right away noticed some issues that I’d need to fix. The issues were that the system didn’t have a virtual keyboard, like it wasn’t primarily targeted for touch info kiosks (but PK supports most touch devices out-of-the-box) and also in my case, Elo touch screen doesn’t support multi-touch (for scrolling for ex.) and so you’d need to drag the scrollbar, but Firefox scrollbar for that Linux version is very thin and were out of touch bounds, therefore most pages couldn’t be scrolled down the traditional way. I had to find solutions to these.
First I started digging around to see if there are some solutions posted on the forums or elsewhere and I came across three threads that had various methods to solve the same problem.
The threads I found were these:https://forum.porteus.org/viewtopic.php?t=6192https://forum.porteus.org/viewtopic.php?f=127&t=1741https://forum.porteus.org/viewtopic.php?t=7827

There are solutions scatted around, but the first URL had me started on the right path. It’s a good writeup, but lacks some details that are essential and I spent like 3 days trying various things to make these work… it’s like posting a recipe without telling ingredient proportions :P and so the purpose of this blog post is to make life easier for other people and future me when I need to do this again for some reason.

So I had two problems with a stock “Porteus Kiosk” – it has no virtual keyboard, and touching a scrollbar is impossibru. Solutions to both problems were the essentially the same, since everything is done in a browser (Firefox or Chrome chosen upon installation and I chose Firefox).

Solution to lack of virtual keyboard is to install a Firefox add-on “FxKeyboard“, but I chose to install v3.0.0 (which I also uploaded here in case it goes missing). This plugin isn’t compatible with the latest and greatest of Firefox, only up to 57 I think, but “Porteus Kiosk 4.7.0” has a Firefox version of 52.8.1, so we’re good.
I chose that version because it has a nicer look and most importantly it can be resized, among other things.

And a solution to being unable to scroll websites is to install a Firefox add-on “ScrollAnywhere” which is a v6.0 at the moment (and I also uploaded it here in case something breaks in new versions).

The whole process of installing Firefox add-ons to PK isn’t as straightforward but it isn’t very complicated either and essentially it’s just this:

For the whole modification process I used “Ubuntu 14.04.5” in a VirtualBox but any somewhat newer version will be ok. Add-on “ScrollAnywhere” only supports Firefox 52 and above – and that’s the version PK 4.7.0 has, but my version of Ubuntu doesn’t, so I downloaded version 52.8.1 from Mozilla FTP archive.

So let’s start!

Boot up Ubuntu in VirtualBox, go to your Home folder, create a new folder named “kiosk”.

Download a PK ISO and place it in that folder, then extract the ISO, rename the folder to “iso”.

Open the terminal and do cd ~/kiosk/iso/xzm in a terminal, then unsquash 003-settings.xzm and this will extract the file into a new folder named “squashfs-root”.

Open up Firefox from where it was downloaded and install the add-ons, close it.

Navigate to ~/.mozilla/firefox/[insert profile folder here], copy folders “extensions”, “browser-extension-data” and files “addons.json”, “extensions.ini”, “extensions.json” to ~/kiosk/iso/xzm/squashfs-root/home/guest/.mozilla/firefox/c3pp43bg.default
Copied files contain information about the add-ons, but some lines in them contain the wrong paths.

Open those three files in gedit, replace /home/ubuntu/ to /home/guest/ and [insert profile folder here] to c3pp43bg.default

Additionally, I wanted to tweak FxKeyboard a little, like increase the font size and make it narrower, so I added these lines to “prefs.js”:

ScrollAnywhere once installed shows a button to access its settings, I had to hide it. It can easily be done modifying a “chrome/userChrome.css” file, but I needed to figure out what to write in it to hide the button.
Following this article I found the correct ID to use and so I added this line to “chrome/userChrome.css”: