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.-

 

 

 System introduction

  • High level overview

 

1, System

  • System components
  • System capabilities, limitations
  • System updates
  • White labeling
  • Application server
  • User roles
  • User settings
  • Requesting Contents
  • Super Administrator
  • Server backup
  • Content players
  • Register a new device
  • Managing screens

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

  • Data binding
  • Using interactive elements
  • Master slide
  • Number of elements
  • Page length
  • Slide transitions
  • Using animations
  • Using Colors
  • Using fonts
  • Using jump
  • Using masks
  • Using size & position

5, Editor

  • Backing up your content
  • How to use our editor
  • Layers
  • Page connections
  • Page Connection
  • 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

________________________________________________________________________________________________________________________________________________________


System capabilities, limitations

________________________________________________________________________________________________________________________________________________________


System updates

________________________________________________________________________________________________________________________________________________________


White labeling

 

After our system is installed to your server, we can white label it for you, so you can sell it as your own product. If you want to get more information about our server prerequisites, click here.

For white labeling, we need:

For the white labelled Android client, we need:

 

Examples for the images:

________________________________________________________________________________________________________________________________________________________


Application server

________________________________________________________________________________________________________________________________________________________


 

 

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.

________________________________________________________________________________________________________________________________________________________


 

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 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,
the refresh time and 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 the 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 64bit).
  • Also we are working on a LG-Client.
  • You can download are clients from the Download Menu in the Side Menu,
    you can access that by clicking the three dots up in the top-right corner.

________________________________________________________________________________________________________________________________________________________


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.

 

  

________________________________________________________________________________________________________________________________________________________


-Technologies-

________________________________________________________________________________________________________________________________________________________


User interface

________________________________________________________________________________________________________________________________________________________


Communication

________________________________________________________________________________________________________________________________________________________


 

 

Windows client

 

 

Our windows client can be usefull 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 usefull 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

 

 

 XML connections

If you want to display data on 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:

 

 

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

 

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.

Save your datasource.

 

 

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

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

 

 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 has much more codecs. 

________________________________________________________________________________________________________________________________________________________


Database

________________________________________________________________________________________________________________________________________________________


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

________________________________________________________________________________________________________________________________________________________


 

 

 

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

About our Android clientAbout 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 at the next time the video will be played from the local storage.

________________________________________________________________________________________________________________________________________________________


Android prerequisites

Since the Android system supports 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.

________________________________________________________________________________________________________________________________________________________


 

 

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 popup 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 type 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.

________________________________________________________________________________________________________________________________________________________


-Content design-

________________________________________________________________________________________________________________________________________________________


 

Data Binding

 

With the datapicker tool you can attach your datasources to your Content.

 

 

Under the Administrator Datasources Menu you can manage your datasource and create data or connections.

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

You can also name your datasource leave a comment, generate random values for testing, or preview your datasource .

  In the Content Editor you can use the Datapicker tool
to attach your datasource to your element.

________________________________________________________________________________________________________________________________________________________


 

 

Using interactive elements.

 

 

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

You can choose from 7 Interactive Element: Checkbox, Radio button, Reset, Submit, Sumbit 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 is 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.)
 

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.

 

You can also send the collected data to an e-mail with the Submit Element.

You can set the e-mail address in the bottom of the page settings.

 

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

________________________________________________________________________________________________________________________________________________________


Master slide

 

 

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

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

 

Watch a video about the function:

YouTube Video

________________________________________________________________________________________________________________________________________________________


Number of elements

________________________________________________________________________________________________________________________________________________________


 

 

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 lengthof a page to be bigger than the enter and leave animation of the page together.

You can set the lengthof 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,
this will mean the animation will start after that period of time.

 

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

________________________________________________________________________________________________________________________________________________________


 

 

Using colors

 

In the color selector window you can select the color that 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 click type to jump or to popup.

With the jump function select when you click, or (on touch screens) you touch the element
a new page will be loaded in.

With the popup function selected when you click, or (on touch screens) you touch the element
the new page will pop up like a window.

See more about: pages.

________________________________________________________________________________________________________________________________________________________


 

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.

________________________________________________________________________________________________________________________________________________________


 

 

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. 

________________________________________________________________________________________________________________________________________________________


-Editor-

________________________________________________________________________________________________________________________________________________________


 

 

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.

________________________________________________________________________________________________________________________________________________________


 

 

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.

________________________________________________________________________________________________________________________________________________________


 

 

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.

________________________________________________________________________________________________________________________________________________________


 

 

Layers.

  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 that you want to display after the current one.

 

 

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

________________________________________________________________________________________________________________________________________________________


 

 

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 set the main settings,
and the Other settings witch are more element specificated settings.

________________________________________________________________________________________________________________________________________________________


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.

 

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 that always being displayed.

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

You can also set the days that 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 feedback are received through this SMTP mail server. On the other hand, it sends us daily statistics about how our system runs, which data we can analyze 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 on how to install our system on your server, or want us to set it up for you, please contact 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

________________________________________________________________________________________________________________________________________________________


Server high availability

________________________________________________________________________________________________________________________________________________________


Server prerequisites

Hardware:

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

________________________________________________________________________________________________________________________________________________________


Content caching on Windows

________________________________________________________________________________________________________________________________________________________


Installation on Windows

________________________________________________________________________________________________________________________________________________________


Locking down Windows

________________________________________________________________________________________________________________________________________________________


Managing Windows client

________________________________________________________________________________________________________________________________________________________


Removing Windows client

________________________________________________________________________________________________________________________________________________________


Windows features

________________________________________________________________________________________________________________________________________________________


Windows prerequisites

 

 

________________________________________________________________________________________________________________________________________________________


-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 that 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 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

________________________________________________________________________________________________________________________________________________________


Copyright MSD Ltd. 2018