CSS Styling Modules Xperify
Code snippets: Object recognition
Code snippets: Module introduction popup
Code snippets: Interactive map (3D)
Code snippets: Pages and backgrounds
Code snippets: Navigation page
Code snippets: Basic variables
General
You can copy paste these code-snippits in your advanced theme settings. Follow these steps:
go to dashboard.ocularium.be
go to the menu ‘themes'
click on the second tab ‘advanced’
Paste the code snippit
Change the parameters and the ID.
You can find the correct ID’s by ‘inspecting’ the frontend. Follow these steps:
Open Xperify (or preview it)
Right-click on your page and choose ‘inspect’
The inspector window opens
Click on the button in the left corner
Hoover over the element of Xperify that you want to change
You can find now in the elements page of your inspector window the correct ID. Mostly mentioned as:
.page.page--XXXX
.page--XXXX module XXX
.page-module
In the right colom ‘styles’ you can find the same or other advanced code-snippits.
Kiosk
Shortcut commands
The packaged Electron application runs in fullscreen kiosk-mode meaning that standard keyboard shortcuts won't work.
To open the devtools:
ctrl + shift + x
or command + shift + x
o refresh the browserwindow:
ctrl + shift + r
or command + shift + r
To open the Ocularium-file:
ctrl + shift + o
or command + shift + o
To open system information:
ctrl + shift + i
or command + shift + i
To quit the Electron process entirely:
ctrl + shift + q
or command + shift + q