Appearance matters




System introduction

 

In this document you can find all the technical information you will need while using our system.
There are eight main sections and each one contains information about a different part of our system.
The articles contain pictures and detailed information about each component
to make your learning as easy as possible.

 

 

________________________________________________________________________________________________________________________________________________________


             Table of Contents

1, System

  • System components
  • System capabilities, limitations
  • System changes in v1.1
  • System changes in v1.2
  • System changes in v1.2.1
  • System changes in v1.3
  • On-premise install
  • First time login summary
  • System updates
  • White labeling
  • System Dashboard
  • User roles
  • User settings
  • Application server
  • Requesting Contents
  • Super Administrator
  • Server backup
  • Content players
  • About LOG files
  • Register a new device
  • Managing screens
  • Mobile interface

2, Technologies

  • User interface
  • Communication
  • Windows client
  • XML connections
  • Supported Video formats and codecs
  • Database
  • Server
  • Network
  • Android client

3, Android

  • About our Android client
  • Android features
  • Content caching on android
  • Android prerequisites
  • Installaation on android
  • Locking down Android
  • Managing Android client
  • Removing android client
  • Selecting android player

4, Content design

  • Number of elements
  • Master page
  • Strech content function
  • Using interactive elements
  • Share your content
  • Page background
  • Page length
  • Slide transitions
  • Using animations
  • Using Colors
  • Using fonts
  • Using jum
  • Using masks
  • Using size & position

5, Editor

  • Content synchronisation
  • Home screen
  • Backing up your content
  • Settings
  • How to use our editor
  • Set time zone function
  • Layers
  • Page connections
  • Page settings
  • Properties
  • Restore content
  • Scheduling pages
  • Supported browsers

 6, Server

  • Content templates
  • Email setup
  • Server setup
  • Image gallery
  • Live data integration
  • Server high availability
  • Sever prerequisites
  • Template images

7, Windows

  • About our Windows client
  • Content caching on windows
  • Installation on windows
  • Locking down Windows
  • Managing windows client
  • Removing windows client
  • Windows features
  • Windows prerequisites

8, Elements

  • All Data element
  • Area element
  • Bar element
  • Carousel element
  • Check Box element
  • Clock element
  • Collection element
  • Column element
  • Content element
  • Contents element
  • Cooltext element
  • Custom element
  • Gallery element
  • Gauge element
  • Calendar element
  • GDoc element
  • Image element
  • Input element
  • Line element
  • List element
  • Meter element
  • Pie Chart element
  • Pieces element
  • Pyramid element
  • QR code element
  • Radio Button element
  • Reset element
  • Scroll element
  • Shape element
  • Stream element
  • Submit element
  • Text element
  • Video element
  • Videos element
  • Weather element
  • Youtube element

________________________________________________________________________________________________________________________________________________________


High level overview

 

Ideal setup on 3 VPS: one for live server, one for backup and one for testing purposes:

 

 

The important dependencies in the system should look like:

 

________________________________________________________________________________________________________________________________________________________


-System-

________________________________________________________________________________________________________________________________________________________


 

 

System components

Our system consists of three main components
the Server, The Online User Interface and the Clients.

 

 The Server

  • The server provides technical background to our system.
  • It also provides a communication channel between the other components.

 


 

See more about: Server high level overview.

 The Online User interface

  • The User interface provides all the functions and settings a user needs to do.
  • You can manage your screens, contents, templates etc.
  • You can also manage your users, clients and datasources.

 

See more about: User Interface.

 The Clients

We currently have 2 types of clients, Android and Windows.

 

The Android Client:
  • It can run on all kind of android devices.
  • It displays the contents, and collects interactive data
    from the interactive elements in your content.
The Windows Client:
  • It can run on Windows 10 devices.
  • It displays the contents, and collects interactive data
    from the interactive elements in your content.

 

 

 

 

 

See more about: Android Client.

 

 

 

See more about: Windows Client.

Sensors

 We are currently working on a new component called Sensors.
The Sensors can collect live data and send it to the sever,
and the contents can react to it.
For example: distance measuring, motion detection, laser relays.

________________________________________________________________________________________________________________________________________________________


System capabilities and limitations

Our system consists of three main components
the Server, The Online User Interface and the Clients

See more about: System components.

 

We are constantly working on new ideas and futures.

 

We are capable of displaying contents on android and on windows devices.

We are also working on a LG Tv application.

 

With our Online Editor Interface you can manage your system and create professional contents easily.

We are using modern technologies, so in older browsers some futures
may not work as intended.

 

 

The server provides a technical background to our system.

It also provides a communication channel between the other components.

 

We are also facing some limitations:

________________________________________________________________________________________________________________________________________________________


System changes in v1.1

In the 1.1 version of our system we have done over six hundred issues.
This document summarizes the most important ones.

 

New features

Frontend:

 

Backend:

 

Windows Client:

 

Android Client:

 

Other:

 

Improvements

Frontend:

 

Backend:

 

Windows Client:

 

Other:

 

Bug fixes

Frontend:

 

Backend:

 

Windows Client:

 

Other:

________________________________________________________________________________________________________________________________________________________


System changes in v1.2

The 1.2 version is the current version of our system.
We have done over three hundred issues.
This document summarizes the most important ones.

 

New features

Frontend:

 

Backend:

 

Android Client:

 

Other:

 

Improvements

Frontend:

 

Backend:

 

Windows Client:

 

Bug fixes

Frontend:

 

Windows Client:

 

Android Client:

 

Other:

________________________________________________________________________________________________________________________________________________________


System changes in v1.2.1

The 1.2.1 version is the version that we are currently developing.
We have over a hundred issues planned.
This document summarizes the most important ones.

 

New features

Frontend:

 

Backend:

 

Android Client:

Windows Client:

Improvements

Frontend:

 

Backend:

 

Android Client:

 

Bug fixes

Frontend:

________________________________________________________________________________________________________________________________________________________


System changes in v1.3

In the 1.3 version of our system we already have two hundred issues to do.
This document summarizes the most important ones.

 

New features

Frontend:

 

Android Client:

 

Windows client:

 

Bug fixes

Frontend:

________________________________________________________________________________________________________________________________________________________


On-premise install

 

An on-premise install also has the similar prereqs as the server.

 

First you need to have a server.
If the server can not reach out to the internet, you can only have Lifetime devices.

________________________________________________________________________________________________________________________________________________________


First time login summary

When you login to our Editor interface for the first time the first thing that you are going to see is the Summary page.

 

The first thing that you have to do is to create a client in the client's menu.

 

The second thing that you have to do is to download our Android or Windows client application and install it to a device.

 

The next thing is to register the new device into the Editor interface.

 

Now you need something to display on your device, you can create your own content in the editor and then assign it to a screen.

 

Check out our Knowledge Base if you want to know more about our interface.
Or you can print all of the articles of the knowledge base from here.
If you have any question, feel free to ask about it in our Q&A section.

 

________________________________________________________________________________________________________________________________________________________


System updates

We are constantly coming out with new versions to our system,
it consists of new futures and technical and visual updates.

 

The updates comes basicly in a .var file that you can install to your system.

 

________________________________________________________________________________________________________________________________________________________


White labeling

 

There is a possibility to install your server white labeled, so you can sell Wallboard as your own product, under your product's name. If you want to get more information about our server prerequisites, click here.

 

For white labeling, we need:

For the white labeled Android client, we need:

 

Examples for the images:

________________________________________________________________________________________________________________________________________________________


 

System Dashboard

In the System Dashboard Menu you can see statistics of your entire system.

 

 

Here you can see information about the Environment, such as: the CPU usage, the memory, the system HDD, and the License period.

 

 

Here you can see information about your Assigned Licenses such as the pool, the free, the monthly, the yearly and the lifetime devices.

 

 

Here you can see information about your online licenses.

 

 

Here you can see information about the uptime of your devices.

 

 

Here you can see the usages of your contents, customers, dead datasources, unassigned devices.

________________________________________________________________________________________________________________________________________________________


 

User roles

 You can change the role of your users in the Administrator / User menu.

System administrator

 


Add and manage other system administrators,
       content templates, datasources.

Switch betweem clients.

Add and manage clients, users, messages.í
Add and manage messages.
Add and manage screens.
Assign and unassign contents to screens.
Create and edit unassigned contents.
Preview contents.

 

Owner

 

Add and manage clients, users, messages.

Add and manage messages.
Add and manage screens.
Assign and unassign contents to screens.
Create and edit unassigned contents.
Preview contents.

 

 Technician

Add and manage screens.

Assign and unassign contents to screens.
Create and edit unassigned contents.
Preview contents.

 

 Approver

 

Assign and unassign contents to screens.

Create and edit unassigned contents.
Preview contents.

 

 Editor

 

Create and edit unassigned contents.

Preview contents.

 

 Viewer

 

Preview contents.

 

________________________________________________________________________________________________________________________________________________________


 

User Settings

 

You can access your User Settings by clicking your username on the top left corner.

 

  In the User Settings you can change your displayed name.

You can change your password by typing in your old password then the new password twice.

You can also change the language of the website, and set your own user icon here.

 

________________________________________________________________________________________________________________________________________________________


Application server

 

It is made to guarantee for our customers custom business logistics.

 

________________________________________________________________________________________________________________________________________________________


 

Requesting Contents

 

You can request a content by clicking the plus button.

 

 

 

You can type the details of your content into the message field.
You can set the name of your content and you can also select your screen group.
 

You can set the starting and the ending date of your content creation.

You can also attach images to your request.

________________________________________________________________________________________________________________________________________________________


 

Super Administrator

 

In the Administrator Menu you can manage your system.

   

In the System Dashboard Menu you can see statistics of your entire system.

Your Environment, Assigned / Online Licenses, the Uptime of Devices  and the Usages.

See more about: System Dashboard.

 

In the Clients Menu you can manage your clients.

You can add and remove your clients from your system.

You can set the name, the type, the location, the licenses,
the expiration date, the Analytics ID and a comment to your clients.

 

 

In the Users Menu you can manage your users, add new super administrators and restrict them.

You can add and remove users from your system.

You can set the name, the e-mail, the role, the comment and the password of your users.

 

 

In the Screens Menu you can manage all the assigned screens in your system.

Here you can see the state, the name, the license, the uptime, the app version, the description,
the Emergency status, the client name, the assign and the installation date and the latest activity.

You can also manage your screens directly, show your screens on a map,
download CSV, preview screen and move screen to a client.

 

 

In the Contents Menu you can manage all the contents of your clients.

Here you can see the client name, the name, the last saved date,
the last saved by, the display time and the comment of your contents.

You can also remove and preview contents, create templates and move contents to other clients.

 

 

In the Datasources Menu you can manage your data sources and connections.

Here you can see the name, the client, the URL, the Last accessed / updated date,
 you can refresh time and see the comment of your Datasources.

You can also randomize, remove, preview, edit and refresh your datasource.

If you insert google sheet please make sure that the first row contains the headers, starting from A1!

 

In the Templates Menu you can create and manage your templates.

You can also remove, edit, duplicate, export and import your templates.

 

 

 

In the Unassigned Screens Menu you can manage your registered, but not yet assigned screens.

Here you can see the state, the temporary id, the license, the installation date, the last activity,
the uptime, the screen address, the description, the app version,
and the type of OS of your unassigned screens.

 

 

In the Log Menu you can manage your logs.

Here you can see the Time and the Message of your Log.
You can also filter the search by the date of the logs.

 

 

In the License Menu you can see your active license details.

Here you can see information about: the system, the validity, the details,
the screen licenses, the network binding, and about the license status.

________________________________________________________________________________________________________________________________________________________


Server backup

Please note that we will not make server backups for your system. Every customer or reseller should make their server backup for themselves. However, we are highly recommend to have backups in case of any server failure.

For our recommendation of infrastructure design (which involves backup server), please click here.

To make backups you only need to copy the storage folder where we store the data and dump the MySQL database. You can even copy the whole server structure if you want to.

  1. Storage: usually it is located in the /home/wallboard-storage. This is where we store the Customers' contents, files, preview images of its devices.
  2. MySQL database: you have to dump the whole database named wallboard.

________________________________________________________________________________________________________________________________________________________


 

Content players

 

  • We have Android and Windows clients (32 bit and 64 bit).
  • Also we are working on an LG-Client.
  • You can download clients from the Download Menu in the Side Menu,
    you can access them by clicking the three dots up in the top-right corner.

________________________________________________________________________________________________________________________________________________________


 

 

 LOG files

The LOG file is a file that records events that occur with the Client.

 

 

 

 
You can download the Log file of a client in .txt format,
from our editor interface.
Right click on the device, and select the download screen log option.

 

________________________________________________________________________________________________________________________________________________________


Register a new device

 

When you install the application on a device you will see a four digit code in the bottom left corner of the screen.

 

You have to login to the editor interface and add a screen: enter it's four digit code and name it as you want.

 

When it is done, you will see the new name in the corner (you can hide it from the right click menu on the device).

 

________________________________________________________________________________________________________________________________________________________


 

Managing Screens.

 

  You can add screens by writing in the code that you see on the screen of your device.

You can also name your screen here.

 

 

You can assign your content by dragging over to your screen.

The green circle indicates that your screen is active.

 

 

 

By right clicking on your screen you can access further settings.

You can Assign and Unassign content here.

You can quick load pages , and reload the content here.

You can move your screen into a group, or remove and rename your screen.
See more about: Groups.

You can also turn emergency mode on if you have a page called emergency,
that will be loaded until you turn the setting off.

You can also check information about your screen.

 

Under Manage screen option you can access more settings.

You can clear the cache, set the volume, the brightness, the screen rotation, and the time of your screen.

You can also show and hide the console window, the screen name,
and turn on and off the whole display.

You can download your screen log.

You can also restart, lock, reset, and update your screen here.

 

________________________________________________________________________________________________________________________________________________________


Mobile interface

 

You can use our online interface on your mobile devices as well.
As a Super Administrator you have acces nearly to everything on our mobile interface.
You can Add and remove screens, manage and assign contents, change clients.

 

   

You can Add remove and Manage screens on the mobile version too.

 

 You can Manage your Screen groups, Screens and your contents.

 

  

You also have acces to functions in the mobile version just like in
the full sized version of the editor.

 

You can also manage your Super Administartor functions here.

 

________________________________________________________________________________________________________________________________________________________


 

 

Questions and Answers

On our Q&A site you can ask questions, report issues or ask for help.
We will answer them, and help if needed.

 

Creating a question

When you create a question you can give a short title to your question and a more detailed description.

 

 
You can create public and private questions.
Only you and the administrators will see the private questions.

 

 

You can set the category that fits your question the most.

 

 

You can also set a tag to the question to help others find it.
 

 

Questions

You can search for a question by its status, category, tag or use the search bar to find one by it's title.

 

  

When a question is created it will have Open status icon.

 

When a question or issue is solved it will have the Resolved status icon.

 

When we can't give answers to your question or solve a problem it will have a Closed status icon.
 

You can vote to answers if you find them more helpful than others.
 

You can also subscribe to questions to get notifications in e-mail
when somebody answers or comments to it.
 
When an answer is confirmed by the creator or by an administrator
it will be indicated, to help you find the right answer to the question.

________________________________________________________________________________________________________________________________________________________


-Technologies-

________________________________________________________________________________________________________________________________________________________


 

 

User interface

 

  On the Home Screen of our editor you can:

  • Manage your screens and your contents.
    See more about: Managing Screens.
  • Change User settings.

See more about: Home Screen.

 

On the Administrator Screen you can:

  • See statistics of your system.
  • Manage Clients, Users, Screens, Contents,
    Datasources, Templates, Unassigned Screeens
    the Log and the License.

See more about: Administrator Screen.

 

 On the Settings Screen you can:

  • See your customer infos
  • Add new Users.
  • Manage and add new Messages.

________________________________________________________________________________________________________________________________________________________


Communication

 

The server communicates with the clients trough WebSocet communication.
The clients, the sensors and the online editor interface communicates with the server trough Rest API communication.

________________________________________________________________________________________________________________________________________________________


 

 

Windows client

 

 

Our windows client can be useful in multiple situations.

The main benefit is that you can display to multiple screens from one Pc (with a stronger graphics card).

You can also display your content in a section of the screen,
wich can be useful in public places (such as in a hotel).

You can mount your screens on the wall or use a simple stand for it.

________________________________________________________________________________________________________________________________________________________


 

 

 XML connections

If you want to display data in your content, which can be altered any time, but you do not want to edit your content each time the data changes, you can use XML data binding.

 

 

You can connect an XML and use its data by following this guide:
 

 

 

You can use your own XML file or a simple Google Spreadsheet to create xml connection.
Just create a spreadsheet like this.

First you have to publish your document, go to:
File->publish on web... -> choose: Entire Document and Web Page -> click Publish

Get back to the spreadsheet editor interface
and copy the ID from the URL. (Text highlighted with red)

https://docs.google.com/spreadsheets/d/

1BVqnifu16QgYuaOPBUcTeCD0ZvJoPT-YvBuvc1Kez8Y

/edit#gid=0

Than replace the "Your_ID_Comes_Here" text with your ID in this URL:

https://spreadsheets.google.com/feeds/list/

Your_ID_Comes_Here

/od6/public/values

You will use this URL in the next steps.

 

 

 On the Administrator page, under the Datasources menu, add a new datasource.

Note that only users with SuperAdmin role can acces this menu!

 

 

Choose your datasource a name, which will be displayed in the Datapicker.

Select the client whom contents you want your datasource to use on.

Add the XML file's URL or the URL that we created in the first step.

Save your datasource.

 

 

 

You can use data binding on elements where there is an option for Datapicker.
Elements with data binding option:

Also, all the dynamic charts can only be used with data binding.

Meter, List, Pie, Bar, Column, Line, Area, Pyramid, Gauge.

 

 For the example, I chose the List Dynamic chart element.

 

In the data picker, select your datasource.

After the selection, the column names will be displayed.
Choose the columns you want to display on your content.

You can even set the columns' width (in pixel), text and background color,
the label (the column's name),
alignment and the type of data, which can be Text or Image.

The columns can be dragged up and down.
This way you can set the order the columns will be shown.

Now, you can start formatting your content to your own liking.

________________________________________________________________________________________________________________________________________________________


 

Supported Video formats and codecs

 

Android: 

Format / Codec Encoder Decoder Details Supported File Type(s) / Container Formats
H.263 - - Support for H.263 is optional in Android 7.0+  

• 3GPP (.3gp)
• MPEG-4 (.mp4)

 

H.264 AVC
Baseline Profile (BP)
(Android 3.0+)  -  - • 3GPP (.3gp)
• MPEG-4 (.mp4)
• MPEG-TS (.ts, AAC audio only, not seekable, Android 3.0+)
 

H.264 AVC
Main Profile (MP)

 

(Android 6.0+)

 

-

 

The decoder is required, the encoder is recommended.

 

-

H.265 HEVC  - (Android 5.0+)  

Main Profile Level 3 for mobile devices and Main Profile Level 4.1 for Android TV

• MPEG-4 (.mp4)
MPEG-4 SP  - -  - • 3GPP (.3gp)
VP8 (Android 4.3+) (Android 2.3.3+) Streamable only in Android 4.0 and above  

• WebM (.webm)
• Matroska (.mkv, Android 4.0+)

VP9  - (Android 4.4+)  -  

• WebM (.webm)
• Matroska (.mkv, Android 4.0+)

 

• Windows: The same can be played, but in Windows you can play even more formats since windows have had much more codecs. 

________________________________________________________________________________________________________________________________________________________


Database

 

 

We are Using MySQL database to store all kind of data.

We are also using a file system to store images, template images, videos, sound files, templates, contents and the preview picture of contents.

You can also upload your own template images into your system.

See more about: Template images.

________________________________________________________________________________________________________________________________________________________


Server

Our system's requirement involves:

We support the Ubuntu 16.04 operating system. However, our server should run any other operating systems which can run Tomcat8 and Apache 2. There must be an internet connection (even if it's only outgoing)

 

________________________________________________________________________________________________________________________________________________________


Network

There are three components that needs acces to a netwok.

 

The Server and the Clients

 

The Sensors

 

________________________________________________________________________________________________________________________________________________________


 

 

 

Android client

 

Our android client's biggest benefit is that it is compact and universal.
It is also cheap and can work with any regular screens.
There are also screen types that you can mount inside of furniture, or up on to the wall.

 

                         

 

________________________________________________________________________________________________________________________________________________________


-Android-

________________________________________________________________________________________________________________________________________________________


About our Android client

 

Our Android client displays the content on an Android 4.4+ device.
It is a full screen HTML browser, but in the background it does many other things:

 

________________________________________________________________________________________________________________________________________________________


Android features

 

On an Android device our client application can do the followings:

When our client application is running on a device with an external keyboard you can access the following functions:

________________________________________________________________________________________________________________________________________________________


Content caching on Android

 

For being able to load the content without internet connection our client application stores all the components of a content on the device storage and supplies the embedded browser locally.

This also reduce the network traffic significantly: images or videos are downloaded to the device only once, so when you play a content that includes large video it will download the video only one time, and next time the video will be played from the local storage.

________________________________________________________________________________________________________________________________________________________


Android prerequisites

 

Since the Android system has supported the video auto play from the version 4.4, our application prerequisite is that Android version.

Our client application can run on non-rooted devices too, but we prefer to run on a rooted device. In that case we can do many things that are not supported on a non-rooted device: silent updating in the background, sync the system time to the server clock, or for example disable those applications that are not needed for a signage device (gmail, calendar, kodi…).

Since our application communicates with our server it is mandatory to enable wifi or Ethernet connection for communication.

 

Minimum system requirements:
Recommended system requirements:

 

________________________________________________________________________________________________________________________________________________________


 

Installation on Android

 

 

 

  1. Download our latest application from your editor interface, from the download menu in the right upper corner of the editor. Enable wifi or Ethernet connection on the device.
  


 

2. Copy the .apk file to a pen drive and install it on the device (you will have to enable the installation from unknown sources setting).

Also, it is also good to enable the USB debugging in the settings, that will allow you to connect to the device on USB if something goes wrong.

 

 

3. Start our client application and set up the server address if that needs to be changed, also the device type.

You can choose the immediate lock down if you already know that our application works fine on that device type.

 

 

3. (optional) Set our applicition to be your default home applicition on your device. This step is necessary if you want our client to start after reboot of the device.

 

 

 4. The application will register on the server

 

 

 

 

5. With that code you need to register the device under your account on the Editor interface. Select Screen under the (+) menu.

 

 

 

 

6. Type the code into the pop up Temporary ID input and give your screen a name.

 

 

________________________________________________________________________________________________________________________________________________________


Locking down Android

 

Locking down the device means that our application will optimize the Android system for running as a digital signage device:

Locking down the device need to be done only once, it will take several minutes, and if it was successful it will restart the device and you will see our boot animation when the device boots up.

 

________________________________________________________________________________________________________________________________________________________


Managing Android client

 

When you have the client application up and running on the device, and it is online,
you can control the device on the editor interface with right clicking on it.

 

 

________________________________________________________________________________________________________________________________________________________


Removing Android client

 

If you want to remove our application from a device, you have to do the following steps:

 

________________________________________________________________________________________________________________________________________________________


Selecting Android Player

 

Our software can run on any Android 4.4+ devices, but there are hardware and quality differences between the devices (we have tested 100+ different types of devices):

 

Basic devices: these are entering levels of devices, mainly in the cheap (20-50 USD) price range. These devices can be perfect for simple use, but we do not recommend the for 24/7 usage. Here you can find many of these devices

 

Mid-range devices: they are produced by better known names like Minix or Beelink. They are in the 50-150 USD range, their quality assurance is higher, and you can count with these producers for long term. Here you can find several Minix or Beelink devices

 

Professional devices: these devices are for 24/7 use, include built in battery, and can be configured to automatically switch on and off. AOpen is one of these producers.

 

We always recommend our partners to test the devices before they order a large quantity.

 

Rooting device is always recommended. Our application with root privileges can access system functions like syncing time, restarting device or updating application in silent mode.

________________________________________________________________________________________________________________________________________________________


 

 

Updating clients remotely

 

 
You can update a screen or screen groups in the right-click menu.

 

Go under the manage screen sub-menu where you can find the Update screen(s) feature.

 

This feature will force the device(s) to download the update and install it.

 

There is also an automatic update:
every 20 minutes the device will search for a new update,
download and install it in the background and when the device is rebooted
the changes will take effect.
 

However, if the device is offline it will not be able to download updates, and you can't force update until it reconnects to the network.

 

Watch a video about the feature:

YouTube Video

 

________________________________________________________________________________________________________________________________________________________


-Content design-

________________________________________________________________________________________________________________________________________________________


 

 

Elements

 

 

Basic elements


 The Text element:

With the text element you can print your own text to the canvas.

See more about: Text element.

 The Image element:

With the image element you can add your own pictures to your content.

See more about: Image element.
 

 The Shape element:

With the shape element you can put different types of shapes to your canvas.

See more about: Shape element.

 The Clock element:

With the Clock element you can add a digital or an analog clock to your content.

See more about: Clock element.

 The Custom element:

With the custom element you can display a website or html code.

See more about: Custom element.

 The Scroll element:

With the Scroll element you can display text in many different ways.

See more about: Scroll element.

 The Weather element:

With the weather element you can display the current weather of a location
in your content.

See more about: Weather element.

Media elements


 The Gallery element:

With the gallery element you can add an image gallery to your content.

See more about: Gallery element.

 The Carousel element:

With the Carousel Element you can add an image gallery to your content.

See more about: Carousel element.

 The Video element:

With the Video Element you can add your own video to your content.

See more about: Video element.

 The Videos element:

With the videos element you can display multiple videos in your content.

See more about: Videos element.

 The Stream element:

With the Stream Element you can broadcast your streams in your content.

See more about: Stream element.

 The Youtube element:

With the youtube element you can play a youtube video in your content.

See more about: Youtube element.

 The Cooltext element:

With the the cooltext element you can add animated text to your content.

See more about: Cooltext element.

 The Pieces element:

With the pieces element you can add animated images to your content.

See more about: Pieces element.

 The Content element:

With the Content Element you can display another content in your content.

See more about: Content element.

 The Contents element:

With the Contents Element you can display multiple contents in your main content.

See more about: Contents element.

 The QR Code element:

With the QR code element you can generate your own QR code
and add it to your content.

See more about: QR Code element.

 The Google document element:

With the Google Doc Element you can display your google docs in your content.

See more about: Google Document.

 The Google calendar element:

With the calendar element you can display your calendar in your content.

See more about: Google Calendar.

Dynamic chart elements


 The Meter element:

With the meter element you can display values from a datasource with a meter.

See more about: Meter element.

 The List element:

With the list element you can display your datasources in your content in list format.

See more about: List element.

 The Pie element:

With the pie element you can display values from a datasource with a pie chart.

See more about: Pie element.

 The Bar element:

With the Bar element you can make a chart of your datasource.

See more about: Bar element.

 The Column element:

With the Column element you can make a chart of your datasource.

See more about: Column element.

 The Line element:

With the Line element you can make a chart of your datasource.

See more about: Line element.

 The Area element:

With the Area element you can make a chart of your datasource.

See more about: Area element.

 The Pyramid element:

With the Pyramid element you can make a chart of your datasource.

See more about: Pyramid element.

 The Gauge element:

With the gauge element you can display your datasources in your content
in gauge format.

See more about: Gauge element.

Interactions elements


 The Checkbox element:

With the Check Box Element you can make interactive check boxes.

See more about: Checkbox element.

 The Radio button element:

With the Radio Element you can make interactive Radio buttons.

See more about: Radio element.

 The Reset element:

With the Reset Element you can reset your other interactive element's value
to basic values in the elements button group.

See more about: Reset element.

 The Submit element:

With the Submit Element you can collect data from one of your other
interactive element and send it to an e-mail address.

See more about: Submit element.

 The All element:

With the All Element you can collect the data from all of your other interactive
elements and send them to an e-mail address.

See more about: All element.

 The Collection element:

With the Collection Element you can display the collected data from your button group.

See more about: Collection element.

 The Input element:

With the Input Element you can create an interactive field to collect data.

See more about: Input element.

Social elements


 The Facebook element:

With the facebook element you can display facebook social pages in your content.

See more about: Facebook element.

 The Twitter element:

With the twitter element you can display twitter social pages in your content.

See more about: Twitter element.

________________________________________________________________________________________________________________________________________________________


Master Page

 

 

The Master page feature is needed if you have a content that you want to use as a background
on an other content.

Your Master page will be the content in the background.
You can set the Master page in the editor under the Page properties.

 

Watch a video about the function:

YouTube Video

________________________________________________________________________________________________________________________________________________________


Strech content function

 

You can turn this function on in the page properties menu.

Here you can see the preview of a content that is not streched. 
The content keeps it's original width and lenght.

Here you can see a content that is streched out. 
The content fills in the whole screen.
 

 

Different types of preview modes in browsers.

 

 
Preview from start:
  • Your content will be displayed starting from the first page
    (the default page) of your content.
Preview from current:
  • Your content will be displayed starting from the current page
    (the one that you have opened up in the editor).
Preview from start, with sync:
  • Your content will be displayed starting from the first page
    (the default page) of your content, with synchronisation.

________________________________________________________________________________________________________________________________________________________


 

Using interactive elements.

With the interaction elements you can create your own forms inside of contents.

 

 

First you have to place the Interactive Elements on to the canvas.

You can choose from 7 Interactive Elements: Checkbox, Radio button, Reset, Submit, Submit all, Collection, Input.

 

 

Then you have to name your Button Group.
If you want your Interactive Elements to interact with each other,
their Button Group name has to be the same.
With the Checked Switch you can set the starting value of your Interactive Elements
to be checked or unchecked.
 

 

You can select an image to be displayed when your Interactive Elements are selected
and also another one when it is not selected.
(For example: when a Checkbox is checked or unchecked)
You can name your element in the Event Name field, and later that will be displayed.
(For example: in the Collection Element ,in the submitted e-mail or in your database)
 

You can set the Checked and the Unchecked Value of your Interactive Elements.

Later the value will be displayed in the Collection Element next to it's name
depending on if it is selected or not.

 

 

If you want to save and use the collected data you need to use a Submit or a All element.

Then the data will be saved down to your database.

You can also send this data with e-mail, you need to set a Receiver e-mail address for that.
(You can set the receiver e-mail in the page properties menu)

 

 I have created a content with two check boxes and a collection element.

All of the three elements has the same button group set, so the can interact with each other.

The left hand side check box has a:
Check e.value: "1" and an Unchecked e.value: "0"

The right hand side check box has a:
Check e.value: "checked"  and an Unchecked e.value: "unchecked"

As you can see the Collection Element shows
the unchecked value of the Box1, 
and the checked value of the Box2.

 

Watch a walkthrough about this process:

YouTube Video

________________________________________________________________________________________________________________________________________________________


Share your content

When you are ready with a content you can easily share it with your colleagues, partners, customers.

 

You can right-click on the content and copy the short URL that points to the content:

 

                       

 

Or you can copy the long URL from the preview window:

 

In this link you can set the following parameters:

 

________________________________________________________________________________________________________________________________________________________


 

Page background

   Under Page menu you can manage the background color.
  You can set the Background type as an Image and color or as a Video.
  You can select your background file in the Background menu. 
  You can also set a background color in the Bg color menu.

 

________________________________________________________________________________________________________________________________________________________


 

Page length

 

Page length means that how long each page will be displayed in your content.

You have to set the length of a page to be bigger than the enter and leave animation of the page together.

You can set the length of a page in the pages menu.
See more abot Pages.

________________________________________________________________________________________________________________________________________________________


 

Slide transitions

The slide transition set the animation type between pages.

 

 

You can set the animation type in Page / Dynamic Pages Menu.

With the Opacity animation, the opacity of the page will be raised
from 0 to a 100 within the animation time.

With the slide animations the page will slide in from different angles.

 

 

You can also set the duration of the animations.

 

________________________________________________________________________________________________________________________________________________________


 

Using Animations

 

In animation menu you can animate your element.

  You can either set an enter animation or an exit animation to your element.

You can also set a delay to your animation by seconds,
it means that the animation will start after the period of time you adjusted.

 

You can also set a repeat animation to your element, and set delay to this one either.
This will be played over and over again.

________________________________________________________________________________________________________________________________________________________


 

 

Using colors

 

In the color selector window you can select the color you want in many different ways.

  You can either type the code of the color you want in HEX, RGB, or HSL,

or you can use the color pickers.

The first color picker tool is a regular color picker you can select the color by moving the circle.

 

 With the next color picker tool you can modify your color by changing the amount of the 3 different colors.
 

 

 With the third color picker tool you can select from the basic colors.
   With the last color picker tool you can select from the shades of the colors.

________________________________________________________________________________________________________________________________________________________


 

Using fonts

 

In the font menu you can set different font settings.

  You can change the font size from 6 to 150.

You can also change the font family or make your text bold, italic, or underlined.

The font color can be changed too, about that see more here: Using colors.

You can set the letter spacing from -20 to 80, or add shadow to your text.

You can also set the vertical and horizontal placement of your text.

________________________________________________________________________________________________________________________________________________________


 

Using Jump

 

With the jump function you can navigate between your pages.

 

 
In the jump function you can change the type of animation to jump popup or navigate.
With jump selected when you click or (on touch screens) you touch the element
a new page will be loaded in.
With popup selected when you click or (on touch screens) you touch the element
the new page will pop up like a window.
With navigate slected when you clock or(on touch screens) you touch the element
the selected screen's content will be loaded in.

See more about: pages.

Watch a video about the function:

YouTube Video

________________________________________________________________________________________________________________________________________________________


 

Using Masks

With the Mask function you can cut a shape out of your element.

 

  To use the mask function first you need an element to use the mask function on,
then you have to select a picture in PNG format.
 

 Here you can see a box type Shape Element.
   Then I select this circle.png image to mask over my element.
   And here you can see the result.

Watch a video about the function:

YouTube Video

________________________________________________________________________________________________________________________________________________________


 

 

Using Size&Position

In the Size&Position menu you can set the width, the height and the placement of your element.

  You can set the width and the height of your element to: - 1/1 (total) -1/2 (half) -1/4(quarter) of the content's width or height.

You can also position your element horizontally and vertically, very easily with the three options given.

 

 

In the Other Size And Position Menu you can set the size and the position of your element by pixels.

You can also rotate your element by degrees here. 

Watch a video about the properties:

YouTube Video

________________________________________________________________________________________________________________________________________________________


-Editor-

________________________________________________________________________________________________________________________________________________________


Displayer content synchronisation

 

Displayer: The web-based content handling environment ran inside the browser or webview of our client applications (Android, Windows)

Displayer content loop playback synchronisation (hereafter briefly sync)

Introduction

In multi-display setups the ability to keep dynamic content playback synchronised is essential. The start time of a content loop playback depends on many factors on each screen, when did you turn the screen on, was it online when the content was updated, how fast is your network, when did it restart after an update etc, making it necessary to let the displayer know of timestamps when the start of a content is appropriate in time and identical with every screen in the system. In our current implementation the displayer can only keep one page rendered in one browser window at once. Because of technical limitations swapping pages can never be an instant 0 second task and depending on your hardware and content complexity the time required to render the next page can be very different on each screen, which over a large period of time can add up into a significant difference in the progress of the displayed content, therefore synchronising only start time of the contents is insufficient and unreliable.

The principle

The base of synchronisation is setting the local time of the screens as precisely as possible, and keeping it updated over long time. Assuming an accurate clock in the calculation we can define an exact time position in the loop as the quotient of the absolute time, and the full length of the content loop. For example, if you have a 1 hour long content, with 60 pages, each set for 1 minute duration, we know that each loop ends, and the content restarts exactly at the beginning of each hour. Let's say current time is 1:37 PM 30 seconds, then the displayer should show the 38th page, swap to the 39th page 30 seconds later and so on.

Applicable elements

Content pages can have many widgets which can also contain material which repeats, these are: video, video gallery, weather, image gallery, carousel, contents widget (embedded sequence of contents), and repeating animation on any widget. Therefore we distinguish two groups of elements, contents and widgets.

Conditions

When the mentioned two groups overlap, synced contents contain widgets which can sync on their own, then only one of them should sync, because different loop lengths can cause contents to position differently from their defined order. For example you have a page containing an image gallery widget with 5 images, each image is having 5 seconds duration. If you use that page as a master page for another content, the page will not swap to another page at all, just statically display indefinitely, therefore the gallery inside should sync on it's own to change it's images exactly in every 5 seconds, regardless of when the whole content was started. If you put that page in a synced content loop, giving the page the exact 25 seconds to rotate through the whole gallery inside it, then if you would also allow the gallery to sync, it might jump to any of the images, and might display that image for less than 5 seconds, depending on the absolute time. Ideally though you probably want it to play from the first image you defined, for precisely 5 seconds each. As one exception, if the length of a page inside the loop is greater than 5 minutes, the sync of the widgets will not be prevented by the above rule. In the editor menu there is an option to enable sync for contents under the Page category, and for each applicable widget listed above, under their respective properties menu, which are turned off by default. When you open a preview from the editor in your browser, there are 3 options, only the third allowing sync. The other two opens an url which has the '&noSync=true' part in it, that disables sync. The given content must contain a loop, which means any sequence of pages connected in a row, where the last page is connected to any of the pages previously displayed in that row. In a sequence stopping at a given point, there is no point in skipping pages which will not be displayed at all. Currently any page change that violates the defined order of pages in the loop, also disables the page sync, which can come from datasource, user interaction, or page jump set at the end of a video widget. When a page is started by schedule in the current content, the loop swaps are paused, and the sync becomes disabled, and will be re-enabled when the scheduled page(s) end. If any of the above conditions are not met, the sync will be disabled for the given element.

Implementation

When the sync is active, the loop of pages defined in playlist editor will be interpreted as an endless series of intervals, and any given point in time will be contained by exactly one of these intervals, determining which page should be running. When first loading a content, it always starts with the Default page, and it will keep the exact order defined, so synchronization is achieved through only modifying the duration of the pages. If the first page's interval is significantly late behind the determined one, the displayer will not try fast-forwarding to it, it will rather wait for the next closest interval when the next page can start, increasing the current page's duration. When this increase is more than 5 seconds, an icon is displayed in the bottom right corner.
Widgets also have a similar loop defined by the order in the list of slides created in the editor, but they are not limited to only changing the duration of their slides, they can skip slides if necessary, to show their determined slide as soon as possible.
The duration of the elements is synced at each time they are swapped, this way if any unexpected delay occurs from any source, like slow network, big file load times, or lag, it naturally gets corrected at each step.
There is a minimum time defined for each element type, if the calculated run time for a given element is smaller than the minimum time while syncing, that stage of the element will be skipped, and the next stage will be displayed, for a bit longer time than what was defined, as much longer as was calculated for the previous stage. The minimum time for pages is 3 seconds, for video gallery and contents widget it's 1.8 seconds, for carousel it's 0.6 seconds, for image gallery and weather widget it's 2 seconds, for video and common widget animations it's 1 second, and if the displayer detects a constant slow display where too much skipping occurs, it can increase the minimum time.
When video and video galleries have active sync, they will not only sync the start of their stages, they will also modify the progress of their displayed video every few seconds if it's necessary, but only if a certain minimum threshold reached, currently 1 second, to avoid small corrections breaking the continuity of the video. If the calculated timestamp is before or after the interval allocated for the video, it will pause the video on the first or last of it's frames, and play it only when the interval starts.

Page length modifications in displayer, regardless of sync setting

The absolute minimum duration for a page that can be set in the playlist editor is 3 seconds, which is the minimum duration the page is fully visible, without animations. If you add animations to your page swaps, they will not increase the runtime of your pages, the animations will be played during the time allocated for the given page, so depending on the animation type the duration while the pages are fully visible will somewhat decrease. The playlist editor doesn't validate for cases where the duration of the page being fully visible would decrease below the minimum threshold, so in these cases the page duration is increased to achieve the minimum fully visible page duration is met. For example if you set a page to be 3 seconds long, and also set an animation with 1 second duration, the full page length will be increased to 5 seconds, where the animation will be played for 1 second, then the page displayed for 3 seconds, then the animation will be played for 1 second in reversed direction.

________________________________________________________________________________________________________________________________________________________


 

Home screen

 

On the Home Screen you can manage your Screens and your Contents,
you can also find the Navigation Menus here.

 

 

 

 

In the top left corner you can find the settings to your account.
See more about: User Settings.

 

 

In the top right corner you can find the Navigation Menu.

 

At the top half of the screen you can manage your Screens and Groups.

See more about: Screens.

You can create groups, you can even create groups inside of other groups.

You can change settings on groups, than the setting will apply
to all the screens inside of the group.

 

 

On the other half of the screen you can manage your Contents or request one.

You can create a content or request one by click the plus button.
See more about: Requesting Contents.

You can search, import or request a content with these buttons.
You can also download your statistics here.

________________________________________________________________________________________________________________________________________________________


 

Backing up your content.

 

  You can back up your content by right-clicking on the content and hitting Export Content.

This will create an arhived folder on your pc, that you can import into your system later.

 

________________________________________________________________________________________________________________________________________________________


 

Settings

 

 

On the Settings Screen you can see your Customer Infos, manage your User Settings and Messages.

 

 

Here you can manage and add new Users.

 

Here you can manage and add new Users.

 

________________________________________________________________________________________________________________________________________________________


 

How to use our editor.

 

 

 

This is your main area of the editor.

In the center of this area you can find your canvas.

On the top you can set the resolution of your content, set the zoom, toggle all helper lines,
reload datasources, save your content and preview it in the browser.

In the top-right corner you can manage your pages.   See more about: Pages.

On the right side you can manage your layers.   See more about: Layers.

 

  On the left side of the page you can find your toolbars.

You can drag and drop elements from the Elements Menu.

You can edit your elements in the Properties Menu.

You can edit your page in the Page menu.

________________________________________________________________________________________________________________________________________________________


 

Pages

With pages you can make multiple canvases.

  You can find the pages drop down menu in the top right corner of your canvas.
  In this menu you can edit your pages, or make a new one.

The created pages will be in parking you have to drag them over to the playlist menu
to be abel to display them.

After that you can edit the page, and set the lenght of it.
See more about Page Lenght.

 

________________________________________________________________________________________________________________________________________________________


 

 

Set time zone function

With the set time zone function you can set the time to a different time zone on your devices.

You can only use this function if you have the automatic time zone enabled on your device!

 

 
You can find this function by right-clicking on a screen
and selecting Set time under the Managing screen menu.
 

You can select the time zone that you want to use on the device from the list given.

________________________________________________________________________________________________________________________________________________________


 

 

Layers.

You can find the Layers Window in the top-right corner of the canvas.

  You can manage your layers individually.

You can rename, toggle helper lines, show / hide and lock / unlock your elements.

 

________________________________________________________________________________________________________________________________________________________


 

 

Page Connection

 

  You can set the order of your pages in the Dynamic Pages Menu.

You can select the page you want to display after the current one.

 

 

You can set the orders of the pages in the playlist menu by dragging them.

 

This window will pop up when you have multiple pages.
Here you can see the order of the pages.

The Blue arrows indicate time based transformation,
and the Green arrows indicates interactive event based transformation.

________________________________________________________________________________________________________________________________________________________


 

 

Page settings.

  In the Main Pages menu you can set the background of your page.
See more about: Page Background.You can set a page to be your master page.

You can also stretch and synchronise your content here.

 

In the Data Binding Menu you can connect a datasource to your content.
See more about: Data Binding.
 

In the Dynamic Pages Menu you can You can set a screen saver.

You can set the page you want to display after the current one
and turn on and off the automatic display function.

You can also select an animation type here.

 

In the Button Events Menu you can Enable and Disable the button events.
You can also select the target element here.
 

In the Comment Menu you can leave a monitor control commands for the screens.
 

In the Receiver Menu you can set a receiver e-mail to receive the collected data from interactive elements.
See more about: Interactivity.

 

________________________________________________________________________________________________________________________________________________________


 

Properties

 

 

In the Properties Menu you can find Main and Other settings.

Main Settings:

  • Here you can find the specified settings of the selected element.
  • And other main settings, such as: Size & Position, Font and more.

Other settings:

  • Here you can find more element specified settings.
  • And other useful settings such as: Effects, Animation, Data binding, Jump
    and the More Menu where you can find even further options.

 

________________________________________________________________________________________________________________________________________________________


Restore content

 

You can restore your lost content if you have a back up of it by importing the (.zip) file.
See more about: Backing up your content.
It is your own risk to back up your content, we suggest you to back it up
each time when you are done with creating or editing one.

 

Watch a video about the function:

YouTube Video

________________________________________________________________________________________________________________________________________________________


 

 

Scheduling pages

 

 

 

You can find the schedule setting in the Page Settings Menu.

Your default page will be the one always being displayed.

You can set when to start and stop displaying your page.

You can also set the days you want your page to be displayed,
or display it every day.

The example picture shows the setting when you want to display a page
on weekdays from 8:00am untill 8:00pm.

________________________________________________________________________________________________________________________________________________________


 

 

Supported Browsers

 

We support many browsers such as: Chrome, Edge, Firefox and Safari.
But we are using new technologies, old browsers may not support them sometimes.

 

________________________________________________________________________________________________________________________________________________________


-Server-

________________________________________________________________________________________________________________________________________________________


 

Content templates

Templates are available for every user.
 

 

You can find your templates in the Administrator / Templates Menu.

You can create, remove and edit your templates.

You can also export and import templates.

 

________________________________________________________________________________________________________________________________________________________


Email setup

The e-mailing feature can be enabled or disabled. We highly recommend it to be enabled. First of all, all the user feedbacks are received through this SMTP mail server. On the other hand, it sends us daily statistics about how our system runs, which data can we analyse and make our system more stable and up to date for the market's needs.

To set up the SMTP mail server we need the following details:

________________________________________________________________________________________________________________________________________________________


Server setup

If you want instructions how to install our system on your server or want us to set it up for you, please make contact with us on: support@wallboard.info.

 

________________________________________________________________________________________________________________________________________________________


Image gallery

Upload your own images to our Template Gallery:

  1. Gather the images you want to upload.
  2. Rename them to be easily searched for keywords.
  3. Copy them on your server to your storage/template folder.
    Preferably it is the /home/wallboard-storage/template directory. If the templates folder does not exist make the directory.
  4. Download the fileList.json generator from here.
  5. Unzip the generator and move it to the template folder.
  6. Run the generator.sh bash script. It will create a fileList.json file.
  7. Notify us in an e-mail at support@wallboard.info to point from our domain to your server the Template gallery's source.

 

________________________________________________________________________________________________________________________________________________________


Live data integration

 

If you have real time data, price lists, stock information, you can integrate them to your contents
and the data generated will be automatically refreshed on your displays.

 

You can use an XML file to create a database in our online editor interface.

See more about: Data binding.

 

________________________________________________________________________________________________________________________________________________________


Server high availability

 

________________________________________________________________________________________________________________________________________________________


Server prerequisites

Hardware (up to 2000 devices and 30 customers):

If you want to upgrade you will need:

Software:

Things we will also need:

Things we recommend:

If you want us to white label your server, click here for more information about White Labeling.

If you have questions or want to have more information about our server, click here for the Server Setup section.

________________________________________________________________________________________________________________________________________________________


 

Template images

 

You can browse thousands of images from the Template Gallery.

You can search by name and filter by size.

You can add your own template images as well to your server:

You have to make new variables in this file: 

               /var/lib/tomcat8/webapps/ROOT/templates/Filelist.json

Then put the address of your images into this file: 

                oem.js

 

________________________________________________________________________________________________________________________________________________________


-Windows-

________________________________________________________________________________________________________________________________________________________


 

 

 

About our Windows client

 

Our Windows client displays the content on a windows 10 device.
We support only Window 10 mainly because compatibility and security issues.
Our windows client can run on windows tablets, computers etc.

 

The application is a full screen HTML browser, but in the background it does many other things:
  • controls the device and the performance of the client application,
  • communicates with the content
  • and maintains the system.

 

________________________________________________________________________________________________________________________________________________________


Content caching on Windows

 

For being able to load the content without internet connection our client application stores all the components of a content on the device storage and supplies the embedded browser locally.

This also reduce the network traffic significantly: images or videos are downloaded to the device only once, so when you play a content that includes large video it will download the video only one time, and next time the video will be played from the local storage.

________________________________________________________________________________________________________________________________________________________


 

 Installation on Windows

 

You can download our Windows client from the editor interface.
See more about: System prerequisites and download.

 

 

 

 

The first step of the installation is to specify the
Server Address you want your client to connect to.
 

 

The next step is to customize the Application Settings.
With the Allow auto update function your application will check the updates and update if it is needed every time when the client starts up.
You can allow a virtual keyboard which will pop up if the customer
enters an input field.
You can also give permission to the application to be on the top of every
other application, so they will not cover it.
 

On the next page you can select a display format to your application.
You select the Fullscreen mode to display the application
on the whole screen.
You can also select the Extended windowed mode to display the application over multiple screens.
(If you have more than one screen connected to your computer, and you have them in extended mode)
You can choose the Windowed mode to display the application
in a window.
You can also set that if you want your application to be Movable, Minimizable and Resizable.
 

 

If you have selected the Windowed mode
in the last step now you can set the screen resolution.
 

 

If you have selected  Fullscreen mode or
Extended fullscreen mode now you can set the screen orientation.
 

 

If you have selected the Windowed mode than now you can select
the startup position.
With the Center option the application will be displayed in the
center of the screen.
With the Left-top option the screen will be displayed in the
top left corner of the screen.
 

 

 

 

On the Additional setting page you can:
  • Enable the client to start the client application when the user logs in on the computer.
  • Disable windows update service, so windows update notifications will not pop up.
  • Enable time synchronization to let the application get the current time from our system,
    and disable windows bulit-in time sync to make sure windows do not change the time.
If you have selected one of the full screen modes, than now you can Lock your device.     See more about: Locking Windows device.

After the installation is complete you can register your screen in the editor interface with the four digit number
displayed in the buttom-left corner of the screen.

________________________________________________________________________________________________________________________________________________________


 

 

Locking down Windows

 

Locking down the device means that our application will optimize the Windows system
for running as a digital signage device.

 

 
If you have selected one of the Fullscreen modes, than you can Lock your application.
If a device is locked down, than the users can not interact with other applications
than ours.
You can enable key filtering which will disable every key combination that is not ours.
You can also hide the taskbar and disable the edge gestures (on a touch display).
 

To unlock the Locked device press the "M" "S" "D" keys after each other.
That will unlock the device and enable key combinations.

 

________________________________________________________________________________________________________________________________________________________


 

 

Managing Windows client

 

 

In our editor interface you have acces to all the settings and functions
with a windows client just like an android.

________________________________________________________________________________________________________________________________________________________


 

 

Removing Windows client

 

 
You can remove the windows application in the editor interface
with the Remove Screen function.

 

 

You can also remove it manually on your computer.

  • Go to settings -> apps 
  • Than select the MSD Wallboard application
  • Than click uninstall

 

________________________________________________________________________________________________________________________________________________________


 

 

 

Windows features

 

 

Windowed Mode

You can display our windows client in windowed mode wich will display
the application in a section of your screen.
You can make it Movable, Resizable and Minimizable.
 

Fullscreen Mode

You can display our windows client in full screen mode,
wich will display the application on the whole screen.
The fullscreen clients can be locked.
See more about: Locking down Windows client.
 

Extended Fullscreen Mode

You can display our windows client in extended full screen mode,
wich will display the application on multiple screens.
The extended fullscreen clients can be locked as well.
See more about: Locking down Windows client.

 

________________________________________________________________________________________________________________________________________________________


 

 

Windows prerequisites

 

 Our windows client prerequisites are:

  • Windows 10
  • 2GB RAM
  • 20GB free HDD
  • The latest version from our editor interface
  • You will also need administrator rights for the windows user.

 

 You can download the latest version of our windows client from our editor interface

From the download menu in the right upper corner.

 

________________________________________________________________________________________________________________________________________________________


-Elements-

________________________________________________________________________________________________________________________________________________________


 

With the All Element you can collect the data from all of your other interactive elements and send them to an e-mail address.

 

  In the Button Menu you can set an image to be your all button.
  In the Size And Position Menu you can select the width, the height, and the placement of your element quickly.
See more specified information about: Size&Position.
  In the Effects Menu you can select a background image or color to your element.
In the Animation Menu you can choose the enter, and the exit animation of your element.
See more specified information about: Animation
 

With switching the Custom Margin switch over you can set a custom sized margin to your element.

You can set the opacity of your element, or you can mask it.
See more about: Masking.

You can also flip your element horizontally, vertically or both ways with the flip function.

Watch a video about the element:

YouTube Video

 

________________________________________________________________________________________________________________________________________________________


 

With the Area element you can make a chart of your datasource.

 

  You can use the Data Picker tool to select your Datasource.
See more about: Datapicker.
  In the Size And Position Menu you can select the width, the height, and the placement of your element quickly.
See more specified information about: Size&Position.
 

In the Behaviour Menu you can set the spacing of your chart.
 

In the Colors Menu you can set the color of the columns individually.
 

In the Labels Menu you can select the font family, size, style of your bar labels on both axis.

You can set the text rotation as well to both axis.

  In the Effects Menu you can select a background image or color to your element.
 

In the Animation Menu you can choose the enter, and the exit animation of your element.
See more specified information about: Animation
 

With switching the Custom Margin switch over you can set a custom sized margin to your element.

You can set the opacity of your element, or you can mask it.
See more about: Masking.

You can also flip your element horizontally, vertically or both ways with the flip function.

Watch a video about the element:

YouTube Video

 

________________________________________________________________________________________________________________________________________________________


 

With the Bar element you can make a chart of your datasource.

 

  You can use the Data Picker tool to select your Datasource.
See more about: Datapicker.
  In the Size And Position Menu you can select the width, the height, and the placement of your element quickly.
See more specified information about: Size&Position.
 

In the Behaviour Menu you can set the spacing and the depth of your chart.
 

In the Colors Menu you can set the color of the bars individually.
 

In the Labels Menu you can select the font family, size, and style of your bar labels on both axis.

You can set the text rotation as well to both axixs.

 

In the Animation Menu you can choose the enter, and the exit animation of your element.
See more specified information about: Animation
 

With switching the Custom Margin switch over you can set a custom sized margin to your element.

You can set the opacity of your element, or you can mask it.
See more about: Masking.

You can also flip your element horizontally, vertically or both ways with the flip function.

Watch a video about the element:

YouTube Video

 

________________________________________________________________________________________________________________________________________________________


 

With the Carousel Element you can add an image gallery to your content.

  In the Images Menu you can select the images you want to display one by one,
or use a whole folder to display from.
 

In the Behaviour Menu you can set the element to interactive, swipe between pictures on touch screens.

You can set the number of pictures shown at once, add a border, set the spacing and the perspective between pictures.

You can turn on and off the controls here.

You can also set the automatic scrolling time, and upload custom arrows here.

  In the Size And Position Menu you can select the width, the height, and the placement of your element quickly.
See more specified information about: Size&Position.
  In the Effects Menu you can select a background image or color to your element.
In the Animation Menu you can choose the enter, and the exit animation of your element.
See more specified information about: Animation
  You can use the Data Picker tool to select your Datasource.
See more about: Datapicker.
 

With switching the Custom Margin switch over you can set a custom sized margin to your element.

You can set the opacity of your element, or you can mask it.
See more about: Masking.

You can also flip your element horizontally, vertically or both ways with the flip function.

Watch a video about the element:

YouTube Video

 

________________________________________________________________________________________________________________________________________________________


 

With the Check Box Element you can make interactive check boxes.

 In your content you can check none, just one, or multiple check boxes of the same Button Group. 

 

  In the Button Menu you can set the name of your button group, an unchecked and a checked value.
See more about: Interactivity.You can set your element to be checked at the start of your content.You can upload a checked and an unchecked image here.You can also shrink, blur your element and make it grayscaled.
  In the Size And Position Menu you can select the width, the height, and the placement of your element quickly.
See more specified information about: Size&Position.
  In the Effects Menu you can select a background image or color to your element.
 

In the Animation Menu you can choose the enter, and the exit animation of your element.
See more specified information about: Animation
 

With switching the Custom Margin switch over you can set a custom sized margin to your element.

You can set the opacity of your element, or you can mask it.
See more about: Masking.

You can also flip your element horizontally, vertically or both ways with the flip function.

Watch a video about the element:

YouTube Video

 

________________________________________________________________________________________________________________________________________________________


 

With the Clock element you can add a digital or an analog clock to your content.

 

In Main Properties Menu you can select your own time zone and the type of clock you want.
On the digital clock you can also select from different time formats.
  Under Size And Position menu you can select the width, the height, and the placement of your element quickly.
See more specified information about: Size&Position.
 

On the analog clock you can select from different clock faces, or add your own custom one.
You can also change the clock hands here.

 

On the analog clock in the Font Menu you can set the size, the family, the style, and the color of the font.
You can also set letter spacing and shadow to your clock here.
See more specified information about: Using font
 

In the Animation Menu you can choose the enter, and the exit animation of your element.
See more specified information about: Animation
 

With switching the Custom Margin switch over you can set a custom sized margin to your element.

You can set the opacity of your element, or you can mask it.
See more about: Masking.

You can also flip your element horizontally, vertically or both ways with the flip function.

Watch a video about the element:

YouTube Video

 

________________________________________________________________________________________________________________________________________________________


 

With the Collection Element you can display the collected data
from your button group.

  In the Button Menu you can set your button group.
See more about: Interactivity.
You can set the position of the displayed data vertically and horizontally.
  In the Size And Position Menu you can select the width, the height, and the placement of your element quickly.
See more specified information about: Size&Position.
 

In the Font Menu you can set the size, the family, the style, and the color of the font.
You can also set letter spacing and shadow to your element here.
See more specified information about: Using font
  In the Effects Menu you can select a background image or color to your element.
 

In the Animation Menu you can choose the enter, and the exit animation of your element.
See more specified information about: Animation
 

With switching the Custom Margin switch over you can set a custom sized margin to your element.

You can set the opacity of your element, or you can mask it.
See more about: Masking.

You can also flip your element horizontally, vertically or both ways with the flip function.

Watch a video about the element:

YouTube Video

 

________________________________________________________________________________________________________________________________________________________


 

With the Column element you can make a chart of your datasource.

 

  You can use the Data Picker tool to select your Datasource.
See more about: Datapicker.
  In the Size And Position Menu you can select the width, the height, and the placement of your element quickly.
See more specified information about: Size&Position.
 

In the Behaviour Menu you can set the spacing and the depth of your chart.
 

In the Colors Menu you can set the color of the columns individually.
 

In the Labels Menu you can select the font family, size, and style of your bar labels on both axis.

You can set the text rotation as well to both axis.

  In the Effects Menu you can select a background image or color to your element.
 

In the Animation Menu you can choose the enter, and the exit animation of your element.
See more specified information about: Animation
 

With switching the Custom Margin switch over you can set a custom sized margin to your element.

You can set the opacity of your element, or you can mask it.
See more about: Masking.

You can also flip your element horizontally, vertically or both ways with the flip function.

Watch a video about the element:

YouTube Video

 

________________________________________________________________________________________________________________________________________________________


 

With the Content Element you can display another content in your content.

 

In Content Menu you can select the content that you want to display in your main content.
  In the Size And Position Menu you can select the width, the height, and the placement of your element quickly.
See more specified information about: Size&Position.
 

In the Effects Menu you can set the rounding and the opacity of your element.
 

In the Behaviour Menu you can set the page data row.

You can also synchronise your content and make it interactive.

  In the Other Effects Menu you can select a background image or color to your element.
In the Animation Menu you can choose the enter, and the exit animation of your element.
See more specified information about: Animation
 

With switching the Custom Margin switch over you can set a custom sized margin to your element.

You can set the opacity of your element, or you can mask it.
See more about: Masking.

You can also flip your element horizontally, vertically or both ways with the flip function.

Watch a video about the element:

YouTube Video

 

________________________________________________________________________________________________________________________________________________________


 

With the Contents Element you can display multiple contents in your main content.

  In the Contents Menu you can select the contents you want to display in your main content,
the duration time of it and make it interactive here, too. 
  In the Size And Position Menu you can select the width, the height, and the placement of your element quickly.
See more specified information about: Size&Position.
 

 In the Effects Menu you can set the rounding and the opacity of your element.
  In the Other Effects Menu you can select a background image or color to your element.
 

In the Animation Menu you can choose the enter, and the exit animation of your element.
See more specified information about: Animation
 

With switching the Custom Margin switch over you can set a custom sized margin to your element.

You can set the opacity of your element, or you can mask it.
See more about: Masking.

You can also flip your element horizontally, vertically or both ways with the flip function.

Watch a video about the element:

YouTube Video

________________________________________________________________________________________________________________________________________________________


 

With the the cooltext element you can add animated text to your content.

  In the Text Menu you can type the text into the field that you want to display in your element.
  In the Size And Position Menu you can select the width, the height, and the placement of your element quickly.
See more specified information about: Size&Position.
 

In the Font Menu you can set the size, the family, the style, and the color of the font.
You can also set letter spacing and shadow to your element here.
See more specified information about: Using font
 

In the Behaviour Menu you can set the animation and the type of it that you want to add to your element.

With the Speed Slide you can set the speed of the animation.

With the Stagger Slide you can set that how quickly the letters starts after each other.

With the Delay Slide you can set the delay time between the animation waves.

With the Order you can set the starting position of the animation.

With the Repeat Count Slide you can set how many times the animation will be repeated for..

With the Scope you can choose if you want to animate the text by its letters
or you can set the animation on every/each word.

  In the Effects Menu you can select a background image or color to your element.
In the Animation Menu you can choose the enter, and the exit animation of your element.
See more specified information about: Animation
 

With switching the Custom Margin Switch over you can set a custom sized margin to your element.

You can set the opacity of your element, or you can mask it.
See more about: Masking.

You can also flip your element horizontally, vertically or both ways with the Flip Function.


Watch a video about the element:

YouTube Video

 

________________________________________________________________________________________________________________________________________________________


 

 

With the custom element you can display a website, or html code.

 

 

In the Text Menu you can choose your content type.

With the URL type you can set the URL that you want to display.

You can also make it interactive and display it same as the origin website.

 

 

With the HTML Code type you can display a HTML Code,
you can write it into the text box.

You can also make it interactive.

  In the Size And Position Menu you can select the width, the height, and the placement of your element quickly.
See more specified information about: Size&Position.
 

In the Font Menu you can set the size, the family, the style, and the color of the font.
You can also set letter spacing and shadow to your element here.
See more specified information about: Using font
  In the Effects Menu you can select a background image or color to your element.
In the Animation Menu you can choose the enter, and the exit animation of your element.
See more specified information about: Animation
  You can use the Data Picker tool to select your Datasource.
See more about: Datapicker.
 

With switching the Custom Margin switch over you can set a custom sized margin to your element.

You can set the opacity of your element, or you can mask it.
See more about: Masking.

You can also flip your element horizontally, vertically or both ways with the flip function.

 

Watch a video about the element:

YouTube Video

________________________________________________________________________________________________________________________________________________________


 

With the gallery element you can add an image gallery to your content.

  You can easily Add and Remove image from your gallery, or you can use a folder.
 

In the Behavior Menu you can set the delay time, and the animation type between the images.

With the Stretch Button you can stretch your image to the size of your element. 

  In the Size And Position Menu you can select the width, the height, and the placement of your element quickly.
See more specified information about: Size&Position.
  In the Effects Menu you can select a background image or color to your element.
 

In the Animation Menu you can choose the enter, and the exit animation of your element.
See more specified information about: Animation
 

With switching the Custom Margin switch over you can set a custom sized margin to your element.

You can set the opacity of your element, or you can mask it.
See more about: Masking.

You can also flip your element horizontally, vertically or both ways with the flip function.


Watch a video about the element:

YouTube Video

 

________________________________________________________________________________________________________________________________________________________


 

  In the Data Menu can use the Data Picker tool to select your Datasource.
See more about: Datapicker.
You can set the starting and the ending angle of your gauge.
You can also set a minimum, a maximum value and add a label to your gauge.
  In the Size And Position Menu you can select the width, the height, and the placement of your element quickly.
See more specified information about: Size&Position.
 

In the Behaviour Menu you can set a spacing to your gauge.
 

In the Colors Menu you can select the colors of your element individually.
  In the Effects Menu you can select a background image or color to your element.
In the Animation Menu you can choose the enter, and the exit animation of your element.
See more specified information about: Animation
 

With switching the Custom Margin switch over you can set a custom sized margin to your element.

You can set the opacity of your element, or you can mask it.
See more about: Masking.

You can also flip your element horizontally, vertically or both ways with the flip function.

Watch a video about the element:

YouTube Video

________________________________________________________________________________________________________________________________________________________


 

With the calendar element you can display your calendar in your content.

  In the Content Menu you can insert the URL of your calendar. 
  In the Size And Position Menu you can select the width, the height, and the placement of your element quickly.
See more specified information about: Size&Position.
 

In the Effets Menu you can set the rounding and the opacity of your element.
 

In the Behaviour Menu you can change the view of the calendar to weekly, monthly, or agenda view.

 

You can show or hide the title, the navigation menu, the date,
the print icon, the tabs, the list, and the time zone here.

 

You can also select the starting day of the week.

 

In the Other Effects Menu you can set a background image, or a background color.

You can also add a shadow or a border to your element.

In the Animation Menu you can choose the enter, and the exit animation of your element.
See more specified information about: Animation
 

With switching the Custom Margin switch over you can set a custom sized margin to your element.

You can set the opacity of your element, or you can mask it.
See more about: Masking.

You can also flip your element horizontally, vertically or both ways with the flip function.

Watch a video about the element:

YouTube Video

 

________________________________________________________________________________________________________________________________________________________


 

With the Google Doc Element you can display your google docs in your content.

  In the Content Menu you can insert the URL of your google document.
  In the Size And Position Menu you can select the width, the height, and the placement of your element quickly.
See more specified information about: Size&Position.
 

In the Effets Menu you can set the rounding and the opacity of your element.
 

In the Other Effects Menu you can set a background image, or a background color.

You can also add a shadow or a border to your element.

 

In the Animation Menu you can choose the enter, and the exit animation of your element.
See more specified information about: Animation
 

With switching the Custom Margin switch over you can set a custom sized margin to your element.

You can set the opacity of your element, or you can mask it.
See more about: Masking.

You can also flip your element horizontally, vertically or both ways with the flip function.

Watch a video about the element:

YouTube Video

________________________________________________________________________________________________________________________________________________________


 

With the image element you can add your own pictures to your content.

   Under the Image Menu you can set the source picture of your element.
   Under Size And Position Menu you can select the width, the height, and the placement of your element quickly.
See more specified information about: Size&Position.
 

 Under Effects Menu you can change the opacity of your picture or round the corners of it with the rounding function. 
 

 In the animation menu you can choose the enter, and the exit animation of your element.
 See more specified information about: Animation
 

 Under the other properties you can set a background picture, a background color
 or add shadow and border to your image.
 

 

 In the filter menu you can fine tune your picture with different type of filters.
 

In the Jump Menu you can set up the jump function.
See more about the jump function: Jump.
 

With switching the Custom Margin switch over you can set a custom sized margin to your element.

You can set the opacity of your element, or you can mask it.
See more about: Masking.

You can also flip your element horizontally, vertically or both ways with the flip function.

Watch a video about the element:

YouTube Video

________________________________________________________________________________________________________________________________________________________


 

With the Input Element you can create an interactive field
to collect data.

 

  In the Buttton Menu you can set your button group and name your event.
See more about: Interactivity
  In the Size And Position Menu you can select the width, the height, and the placement of your element quickly.
See more specified information about: Size&Position.
 

In the Font Menu you can set the size, the family, the style, and the color of the font.
You can also set letter spacing and shadow to your element here.
See more specified information about: Using font
  In the Effects Menu you can select a background image or color to your element.
In the Animation Menu you can choose the enter, and the exit animation of your element.
See more specified information about: Animation
 

With switching the Custom Margin switch over you can set a custom sized margin to your element.

You can set the opacity of your element, or you can mask it.
See more about: Masking.

You can also flip your element horizontally, vertically or both ways with the flip function.

Watch a video about the element:

YouTube Video

 

________________________________________________________________________________________________________________________________________________________


 

With the Line element you can make a chart of your datasource.

 

  You can use the Data Picker tool to select your Datasource.
See more about: Datapicker.
  In the Size And Position Menu you can select the width, the height, and the placement of your element quickly.
See more specified information about: Size&Position.
 

In the Behaviour Menu you can set the spacing and the depth of your chart.
 

In the Colors Menu you can set the color of the lines individually.
 

In the Labels Menu you can select the font family, size, and style of your bar labels on both axis.

You can set the text rotation as well to both axis.

 

In the Animation Menu you can choose the enter, and the exit animation of your element.
See more specified information about: Animation
 

With switching the Custom Margin switch over you can set a custom sized margin to your element.

You can set the opacity of your element, or you can mask it.
See more about: Masking.

You can also flip your element horizontally, vertically or both ways with the flip function.

Watch a video about the element:

YouTube Video

 

________________________________________________________________________________________________________________________________________________________


 

With the list element you can display your datasources in your content in list format.

 

  You can use the Data Picker tool to select your Datasource.
See more about: Datapicker.
  In the Size And Position Menu you can select the width, the height, and the placement of your element quickly.
See more specified information about: Size&Position.
 

In the Font Menu you can set the size, the family, the style, and the color of the font.
You can also set letter spacing and shadow to your element here.
See more specified information about: Using font
 

In the Behaviour Menu you can set the border size, the style, and the color of your cells.

You can also set the header cell color, and the color of the odd and even numbered columns.

  In the Effects Menu you can select a background image or color to your element.
In the Animation Menu you can choose the enter, and the exit animation of your element.
See more specified information about: Animation
 

With switching the Custom Margin switch over you can set a custom sized margin to your element.

You can set the opacity of your element, or you can mask it.
See more about: Masking.

You can also flip your element horizontally, vertically or both ways with the flip function.

Watch a video about the element:

YouTube Video

 

________________________________________________________________________________________________________________________________________________________


 

With the meter element you can display values from a datasource
with a meter.

 

  With the meter element you can select a Datasource
and than display the value of your data in all kind of ways.
  You can use the Data Picker tool to select your Datasource.
See more about: Datapicker.
  In the Size And Position Menu you can select the width, the height, and the placement of your element quickly.
See more specified information about: Size&Position.
 

In the Font Menu you can set the size, the family, the style, and the color of the font.
You can also set letter spacing and shadow to your element here.
See more specified information about: Using font
 

In the Behaviour Menu you can set the value directly and the maximum value too without a datasource.

If you select the exact value display format you can set a symbol to display next to the value.

You can also select the orientation, the background and bar color of your element.

  In the Effects Menu you can select a background image or color to your element.
In the Animation Menu you can choose the enter, and the exit animation of your element.
See more specified information about: Animation
 

With switching the Custom Margin switch over you can set a custom sized margin to your element.

You can set the opacity of your element, or you can mask it.
See more about: Masking.

You can also flip your element horizontally, vertically or both ways with the flip function.

Watch a video about the element:

YouTube Video

 

________________________________________________________________________________________________________________________________________________________


 

With the pie element you can display values from a datasource with a pie chart.

 

  You can use the Data Picker tool to select your Datasource.
See more about: Datapicker.
  In the Size And Position Menu you can select the width, the height, and the placement of your element quickly.
See more specified information about: Size&Position.
 

In the Behaviour Menu you can set the spacing, the depth, and the size of the symbols.

 

You can choose to display or do not display your legend.

 

You can set the layout, the vertical and the horizontal alignment of the legend. 

 

You can also set the font family, size, style and color of the legend. 

 

In the Color Menu you can set the color of the pie pieces individually.
  In the Effects Menu you can select a background image or color to your element.
In the Animation Menu you can choose the enter, and the exit animation of your element.
See more specified information about: Animation
 

With switching the Custom Margin switch over you can set a custom sized margin to your element.

You can set the opacity of your element, or you can mask it.
See more about: Masking.

You can also flip your element horizontally, vertically or both ways with the flip function.

Watch a video about the element:

YouTube Video

 

________________________________________________________________________________________________________________________________________________________


 

With the pieces element you can add animated images to your content.

  In the Image Menu you can select the image that you want to display in your content.
  In the Size And Position Menu you can select the width, the height, and the placement of your element quickly.
See more specified information about: Size&Position.
 

In the Behaviour Menu you can select an animation and the type of it to your element.

With the Speed Slide you can set the speed of the animation.

With the Stagger Slide you can set that the letters how quickly start after each other.

With the Delay Slide you can set the delay time between the animation waves.

You can set the order that the animation will start.

With the Repeat Count Slide you can set how many times will the animation repeat for.

You can also set the number of Columns and Rows of your element.

  In the Effects Menu you can select a background image or color to your element.

You can also round over the corners of your element and set the opacity of it.

In the Animation Menu you can choose the enter, and the exit animation of your element.
See more specified information about: Animation
 

With switching the Custom Margin switch over you can set a custom sized margin to your element.

You can set the opacity of your element, or you can mask it.
See more about: Masking.

You can also flip your element horizontally, vertically or both ways with the flip function.


Watch a video about the element:

YouTube Video

 

________________________________________________________________________________________________________________________________________________________


 

With the Pyramid element you can make a chart of your datasource.

 

  You can use the Data Picker tool to select your Datasource.
See more about: Datapicker.
  In the Size And Position Menu you can select the width, the height, and the placement of your element quickly.
See more specified information about: Size&Position.
 

In the Behaviour Menu you can set the spacing, the depth, and the size of the symbols.

 

You can choose to display or do not display your legend.

 

You can set the layout, the vertical and the horizontal alignment of the legend. 

 

You can also set the font family, size, style and color of the legend. 

 

In the Colors Menu you can set the color of the columns individually.
  In the Effects Menu you can select a background image or color to your element.
 

In the Animation Menu you can choose the enter, and the exit animation of your element.
See more specified information about: Animation
 

With switching the Custom Margin switch over you can set a custom sized margin to your element.

You can set the opacity of your element, or you can mask it.
See more about: Masking.

You can also flip your element horizontally, vertically or both ways with the flip function.

Watch a video about the element:

YouTube Video

 

________________________________________________________________________________________________________________________________________________________


 

With the QR code element you can generate your own QR code and add it to your content.

  You can generate your own QR code by typing the text you want into the Text Field.

You can also set the color of the QR code and the background color of it.

  In the Size And Position Menu you can select the width, the height, and the placement of your element quickly.
See more specified information about: Size&Position.
  In the Effects Menu you can select a background image or color to your element.
In the Animation Menu you can choose the enter, and the exit animation of your element.
See more specified information about: Animation
 

With switching the Custom Margin switch over you can set a custom sized margin to your element.

You can set the opacity of your element, or you can mask it.
See more about: Masking.

You can also flip your element horizontally, vertically or both ways with the flip function.


Watch a video about the element:

YouTube Video

 

________________________________________________________________________________________________________________________________________________________


 

 

With the Radio Element you can make interactive Radio buttons.

In your content you can only check one radio button of the same Button Group.

 

  In the Button Menu you can set the name of your button group, an unchecked and a checked value.
See more about: Interactivity.You can set your element to be checked at the start of your content.You can upload a checked and an unchecked image here.You can also shrink, blur your element and make it gray scaled.
  In the Size And Position Menu you can select the width, the height, and the placement of your element quickly.
See more specified information about: Size&Position.
  In the Effects Menu you can select a background image or color to your element.
 

In the Animation Menu you can choose the enter, and the exit animation of your element.
See more specified information about: Animation
 

With switching the Custom Margin switch over you can set a custom sized margin to your element.

You can set the opacity of your element, or you can mask it.
See more about: Masking.

You can also flip your element horizontally, vertically or both ways with the flip function.

Watch a video about the element:

YouTube Video

 

________________________________________________________________________________________________________________________________________________________


 

With the Reset Element you can reset your other interactive element's value to basic values in the elements button group.

 

  In the Button Menu you can set your button group, and an image to be your reset button.
See more about: Interactivity
  In the Size And Position Menu you can select the width, the height, and the placement of your element quickly.
See more specified information about: Size&Position.
  In the Effects Menu you can select a background image or color to your element.
 

In the Animation Menu you can choose the enter, and the exit animation of your element.
See more specified information about: Animation
 

With switching the Custom Margin switch over you can set a custom sized margin to your element.

You can set the opacity of your element, or you can mask it.
See more about: Masking.

You can also flip your element horizontally, vertically or both ways with the flip function.

Watch a video about the element:

YouTube Video

 

________________________________________________________________________________________________________________________________________________________


 

With the Scroll element you can display text in many different ways.

 

  In the Text Menu you can select between three types of outputs.

You can select the Simple Text type, and then type your text that you want to display.

Or you can select the Message Board type, and display the saved messages.

Or you can select the RSS type, and display by a RSS URL.

You can also set the speed, the direction, and the trim of your element.

  In the Size And Position Menu you can select the width, the height, and the placement of your element quickly.
See more specified information about: Size&Position.
 

In the Font Menu you can set the size, the family, the style, and the color of the font.
You can also set letter spacing and shadow to your element here.
See more specified information about: Using font
  In the Effects Menu you can select a background image or color to your element.
In the Animation Menu you can choose the enter, and the exit animation of your element.
See more specified information about: Animation
  You can use the Data Picker tool to select your Datasource.
See more about: Datapicker.
 

 You can set a after and before text to display before or after the main text.
 

With switching the Custom Margin switch over you can set a custom sized margin to your element.

You can set the opacity of your element, or you can mask it.
See more about: Masking.

You can also flip your element horizontally, vertically or both ways with the flip function.

Watch a video about the element:

YouTube Video

________________________________________________________________________________________________________________________________________________________


 

With the shape element you can put different types of shapes to your canvas.

  In the Shape Menu you can change the type of your shape to another one.

You can set the width from 3 to 150 pixels of the line of your shape, and the style of it.

You can also set the stroke color here, see more about: Using Colors.

  Under Size And Position Menu you can select the width, the height, and the placement of your element quickly.
See more specified information about: Size&Position.
  In the Effects Menu you can select a background image or color to your element.
 

In the Animation Menu you can choose the enter, and the exit animation of your element.
See more specified information about: Animation
 

With switching the Custom Margin switch over you can set a custom sized margin to your element.

You can set the opacity of your element, or you can mask it.
See more about: Masking.

You can also flip your element horizontally, vertically or both ways with the flip function.


Watch a video about the element:

YouTube Video

 

________________________________________________________________________________________________________________________________________________________


 

With the Stream Element you can broadcast your streams in your content.

 

In the Source Menu you can set the stream to broadcast and the type of it.

You can also set the volume here.

  In the Size And Position Menu you can select the width, the height, and the placement of your element quickly.
See more specified information about: Size&Position.
  In the Effects Menu you can select a background image or color to your element.
In the Animation Menu you can choose the enter, and the exit animation of your element.
See more specified information about: Animation
 

In the More Menu you can set a background picture or a background color to your element.

With switching the Custom Margin switch over you can set a custom sized margin to your element.

You can set the opacity of your element, or you can mask it.
See more about: Masking.

You can also flip your element horizontally, vertically or both ways with the flip function.

 

________________________________________________________________________________________________________________________________________________________


 

With the Submit Element you can collect data from one of your other interactive element and send it to an e-mail address.

 

  In the Button Menu you can set your button group, and an image to be your submit button.
See more about: Interactivity
  In the Size And Position Menu you can select the width, the height, and the placement of your element quickly.
See more specified information about: Size&Position.
  In the Effects Menu you can select a background image or color to your element.
 

In the Animation Menu you can choose the enter, and the exit animation of your element.
See more specified information about: Animation
 

With switching the Custom Margin switch over you can set a custom sized margin to your element.

You can set the opacity of your element, or you can mask it.
See more about: Masking.

You can also flip your element horizontally, vertically or both ways with the flip function.

Watch a video about the element:

YouTube Video

 

________________________________________________________________________________________________________________________________________________________


 

With the text element you can print your own text to the canvas.

  In this Text Box you can type the text that you want to print to the canvas.
  In the Size And Position Menu you can select the width, the height, and the placement of your element quickly.
See more specified information about: Size&Position.
 

In the Font Menu you can set the size, the family, the style, and the color of the font.
You can also set letter spacing and shadow to your element here.
See more specified information about: Using font
 

 In Effects Menu you can set menu you can set a background picture or a background color of your text.
 

In the Animation Menu you can choose the enter, and the exit animation of your element.
See more specified information about: Animation
 

In the Jump Menu you can set up the jump function.
See more about the jump function: Jump.
 

With switching the Custom Margin switch over you can set a custom sized margin to your element.

You can set the opacity of your element, or you can mask it.
See more about: Masking.

You can also flip your element horizontally, vertically or both ways with the flip function.

Watch a video about the element:

YouTube Video

 

________________________________________________________________________________________________________________________________________________________


 

 

With the Video Element you can add your own video to your content.

 

In the Source Menu you can select the video that you want to display, and set the volume of it.
  In the Size And Position Menu you can select the width, the height, and the placement of your element quickly.
See more specified information about: Size&Position.
 

In the Effects Menu you can set the rounding and the opacity of your element.
 

 In the Filter Menu you can loop your video, and select the keep ratio to keep the ratio between screen sizes.
In the Animation Menu you can choose the enter, and the exit animation of your element.
See more specified information about: Animation
  You can use the Data Picker tool to select your Datasource.
See more about: Datapicker.
  In the Jump Menu you can set up the jump function.
See more about the jump function: Jump.
 

In the More Menu you can set a background picture or a background color to your element.

With switching the Custom Margin switch over you can set a custom sized margin to your element.

You can set the opacity of your element, or you can mask it.
See more about: Masking.

You can also flip your element horizontally, vertically or both ways with the flip function.

Watch a video about the element:

YouTube Video

 

________________________________________________________________________________________________________________________________________________________


 

With the videos element you can display multiple videos in your content.

 

In the Images Menu you can select the video that you want to play in your content,
or you can select a whole folder to play from.
 

In the Behaviour Menu you can set the volume of your video with the slide.

With switching the Keep Ratio switch the videos you play will be the same ratio. 

  In the Size And Position Menu you can select the width, the height, and the placement of your element quickly.
See more specified information about: Size&Position.
 

In the Effects Menu you can add a shadow and a border to your element.

You can also set the size, the type, and the color of your border.
See more about: Using Color.

With the Rounding Slide you can round over the corners of your element.

 

In the Jump Menu you can set up the jump function.
See more about the jump function: Jump.
 

In the More Menu you can set a background picture or a background color to your element.

With switching the Custom Margin switch over you can set a custom sized margin to your element.

You can set the opacity of your element, or you can mask it.
See more about: Masking.

You can also flip your element horizontally, vertically or both ways using the flip function.

Watch a video about the element:

YouTube Video

 

________________________________________________________________________________________________________________________________________________________


 

With the weather element you can display the current weather of a location in your content.

  In the Weather Menu you can select the cities that you want to display in your element,
by typing their name into the textbox.
 

If you want to display multiple weather of cities you can set the delay between them,
and you can set the animation between displayed cities.You can set the displayed weather icon type with the Icon Set function.

You can also turn on/off the icon, the city, and the temper.With unit you can change the displayed temper format.

  In the Size And Position Menu you can select the width, the height, and the placement of your element quickly.
See more specified information about: Size&Position.
 

In the Font Menu you can set the size, the family, the style, and the color of the font.

You can also set letter spacing and shadow to your element here.

See more specified information about: Using font

  In the Effects Menu you can select a background image or color to your element.
 

In the Animation Menu you can choose the enter, and the exit animation of your element.
See more specified information about: Animation
 

With switching the Custom Margin switch over you can set a custom sized margin to your element.

You can set the opacity of your element, or you can mask it.
See more about: Masking.

You can also flip your element horizontally, vertically or both ways with the flip function.


Watch a video about the element:

YouTube Video

 

________________________________________________________________________________________________________________________________________________________


 

 

With the youtube element you can play a youtube video in your content.

   

In the Source Menu you can type into the Video ID Field the URL of the video that you want to play.

You can loop your video with the Loop Switch.

You can also set the volume of your video with the Volume Slide.

  In the Size And Position Menu you can select the width, the height, and the placement of your element quickly.
See more specified information about: Size&Position.
 

 In the Effects Menu you can round over the corners of your element or change the opacity of it.
 

 

In the Other Effects Menu you can add a shadow and a border to your element.

You can also set the size, the type, and the color of your border.
See more about: Using Color.

 

In the Animation Menu you can choose the enter, and the exit animation of your element.
See more specified information about: Animation
  In the Jump Menu you can set up the jump function.
See more about the jump function: Jump.
 

In the More Menu you can set a background picture or a background color to your element.

With switching the Custom Margin switch over you can set a custom sized margin to your element.

You can set the opacity of your element, or you can mask it.
See more about: Masking.

You can also flip your element horizontally, vertically or both ways with the flip function.


Watch a video about the element:

YouTube Video

 

________________________________________________________________________________________________________________________________________________________


 

In the Content Menu you can set the twitter page that you want to display in your content.
You can use the URL or the name of the twitter page.
 

 

In the Behaviour Menu you can set the element's behaviours.

With the Latest tweet button you can limit the element to only show the latest tweets.
Also when this function is turned on you can turn on the dynamic height function,
wich changes the element's height dinamicly.

You can set the color of the links in the content.

You can make the content in your element refresh periodically.
And you can also make it interactive (so you can interact with it on touch screens).

You can show and hide the header, the footer, the border, and the scrollbar.

You can also make the element transparent.

  In the Size And Position Menu you can select the width, the height, and the placement of your element quickly.
See more specified information about: Size&Position.
  In the Effects Menu you can select a background image or color to your element.
 

 

In the Animation Menu you can choose the enter, and the exit animation of your element.
See more specified information about: Animation
 

With switching the Custom Margin switch over you can set a custom sized margin to your element.

You can set the opacity of your element, or you can mask it.
See more about: Masking.

You can also flip your element horizontally, vertically or both ways with the flip function.

Watch a video about the element:

YouTube Video

________________________________________________________________________________________________________________________________________________________


 

 

In the Content Menu you can set the facebook page that you want to display in your content.
You can use the URL, the id or the name of the facebook page.
 

 

 

In the Behaviour Menu you can set the element's behaviours.

You can choose wich content types you want to display in your content.
(You can even choose multiple ones, by holding down the Ctrl button)

You can make the content in your element refresh periodically.
And you can also make it interactive (so you can interact with it on touch screens).

You can set the header to small or hide the cover image.

 

  In the Size And Position Menu you can select the width, the height, and the placement of your element quickly.
See more specified information about: Size&Position.
  In the Effects Menu you can select a background image or color to your element.
In the Animation Menu you can choose the enter, and the exit animation of your element.
See more specified information about: Animation
 

With switching the Custom Margin switch over you can set a custom sized margin to your element.

You can set the opacity of your element, or you can mask it.
See more about: Masking.

You can also flip your element horizontally, vertically or both ways with the flip function.

Watch a video about the element:

YouTube Video

________________________________________________________________________________________________________________________________________________________


-TroubleShooting-

________________________________________________________________________________________________________________________________________________________


 

I don't see my device online

Like all the troubleshooting start,
turn on the console window on the device and look for errors.

 

Issue

 

When you have a device registered in the editoral interface but it's inactive,

although it should be active.

 

Possible causes

Fixes

 

  •  This issue can be caused if your device is actually inactive or you are looking at two different devices in the system and in real life.
 

  •  Check and make sure that you are looking at the same device that seems to be inactive in the system and make sure it is turned on.
 

  •  Most of the time this issue appears when you don't have internet connection on your device.
 

  •  Check and make sure that the device that seems to be inactive in the system has internet connection.
 

  •  This issue can be caused if your device is actually inactive.
 

  •  Check and make sure that the device that seems to be inactive in the system is turned on.
 

  •  Some android boxes can not handle an Ethernet and a Wi-Fi connection simultaneously.
 

  •  Check and make sure that the device that seems to be inactive has either the Ethernet or Wi-Fi connection at a time.

For help, contact us on support@wallboard.info. If you have a question that is not in our Knowledge Base leave it on our Frequently Asked Questions page.

________________________________________________________________________________________________________________________________________________________


 

 

The content on my device is lagging

Like all the troubleshooting start,
turn on the console window on the device and look for errors.

 

Issue

 

 The animations and the moving elements in the content don't move smoothly.

 

Possible causes

Fixes

 

  •  This issue can appear when you have to many animations, videos, and moving elements in your content and the device's performance is not enough.
 

  • Try to use lower quality images, videos and fewer animations.
  • You can also upgrade your device to a better one.
 

  •  It also can be caused if there is not enough RAM memory left on your device.
 

  •  Try to clear the cache, reconnect the device to the editor interface and reassign the content.

For help, contact us on support@wallboard.info. If you have a question that is not in our Knowledge Base leave it on our Frequently Asked Questions page.

________________________________________________________________________________________________________________________________________________________


 

 

The content on my device is not updated

Like all the troubleshooting start,
turn on the console window on the device and look for errors.

 

Issue

 When you have a device and a content assigned to it.

You change something in the content but the device is still playing the old version of it.

 

Possible causes

Fixes

 

  •  Sometimes, especially when you have dozens of contents it happens that you have the wrong content assigned to your device, or you edited a copy of the content.
 

  •  Make sure that you have the right content assigned to your device,
    try to assign it manually again.
    Refresh the content by right clicking on the device and selecting the Refresh content option.
 

  • This issue can also appear when you don't have internet connection on the device, and it can't reach the server.
  • Also when you have slow internet connection it can take some time to download the new version of the content to the device.
  •  Check the internet connection on your device.
  •  Clear the cache of the device
  • by right clicking on the device and selecting the Clear cache option, reconnect it to the editor interface and assign the content again.

For help, contact us on support@wallboard.info. If you have a question that is not in our Knowledge Base leave it on our Frequently Asked Questions page.

________________________________________________________________________________________________________________________________________________________


 

 

I can not log in on the Editor interface

 

Issue

 

There are some cases when the devices seems to be online but the user can not log in.

 

Possible causes

Fixes

 

  • An admin set your account to restricted, which basically means that your account is inactive.
 

  • Contact us or one of our administrators to investigate the problem.
 

  • Sometimes password managers can alter the password that you save and on the next log in the password you type in will not be correct.
 

  • Contact us or one of our administrators to help investigate the problem and reset your password.
 

  • An admin may deleted your account.
 

  •  Contact us or one of our administrators to investigate the problem.

For help, contact us on support@wallboard.info. If you have a question that is not in our Knowledge Base leave it on our Frequently Asked Questions page.

________________________________________________________________________________________________________________________________________________________


 

 

Troubleshooting

 

Issue

 

 The client software did not start automatically, and the default android launcher shows up.

First of all: make sure that the default homescreen is set to the client application,
or the device is locked down which automatically sets the app for default homescreen application.

 

Possible causes

Fixes

 

  •  Something went wrong with the reboot   
  

 

  •  Let's reboot the screen from the Content Editor and see if it works after reboot or it is still a problem.
  • If it starts then there is an issue on our side or the android device's version is different that we are using and we may not have it compatible yet.
    In this case please report the problem to us for further investigation.
  • If the application is set to default home screen,
    but it does not start or it starts but crashes.
  • You can download the screen's log.
    In the log you can search for the words 'warn' and 'error', which can lead to expose the problem really fast.
  • In this case you may also have to contact us for investigation.
 

For the investigation please gather all the information you can get about the screen:
log, client version, android version, the type of the device.

 

You can find out most of these informations in the screen info:

________________________________________________________________________________________________________________________________________________________


________________________________________________________________________________________________________________________________________________________


Copyright MSD Ltd. 2018