Appearance matters
________________________________________________________________________________________________________________________________________________________
1, System
2, Technologies
3, Android
4, Content design
5, Editor
|
6, Server
7, Windows
8, Elements
|
________________________________________________________________________________________________________________________________________________________
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 componentsOur system consists of three main components
|
|
The Server
|
See more about: Server high level overview. |
The Online User interface
|
See more about: User Interface. |
The ClientsWe currently have 2 types of clients, Android and Windows.
The Android Client:
The Windows Client:
|
See more about: Android Client.
See more about: Windows Client. |
SensorsWe are currently working on a new component called Sensors.The Sensors can collect live data and send it to the sever,
|
________________________________________________________________________________________________________________________________________________________
See more about: System components.
________________________________________________________________________________________________________________________________________________________
________________________________________________________________________________________________________________________________________________________
________________________________________________________________________________________________________________________________________________________
________________________________________________________________________________________________________________________________________________________
________________________________________________________________________________________________________________________________________________________
See more about: Server prerequisites.
________________________________________________________________________________________________________________________________________________________
________________________________________________________________________________________________________________________________________________________
________________________________________________________________________________________________________________________________________________________
There is a possibility to install your server white labeled, so you can sell Wallboard as your own product, under your product's name. If you want to get more information about our server prerequisites, click here.
For white labeling, we need:
For the white labeled Android client, we need:
________________________________________________________________________________________________________________________________________________________
System Dashboard |
|
In the System Dashboard Menu you can see statistics of your entire system.
|
|
Here you can see information about the Environment, such as: the CPU usage, the memory, the system HDD, and the License period.
|
|
Here you can see information about your Assigned Licenses such as the pool, the free, the monthly, the yearly and the lifetime devices.
|
|
Here you can see information about your online licenses.
|
|
Here you can see information about the uptime of your devices.
|
|
Here you can see the usages of your contents, customers, dead datasources, unassigned devices. |
________________________________________________________________________________________________________________________________________________________
User roles |
|
You can change the role of your users in the Administrator / User menu. | |
System administrator |
|
Owner |
Add and manage clients, users, messages.
|
Technician |
Add and manage screens.
|
Approver |
Assign and unassign contents to screens.
|
Editor |
Create and edit unassigned 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 see statistics of your entire system. Your Environment, Assigned / Online Licenses, the Uptime of Devices and the Usages. See more about: System Dashboard. |
|
In the Clients Menu you can manage your clients. You can add and remove your clients from your system. You can set the name, the type, the location, the licenses, |
|
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, You can also manage your screens directly, show your screens on a map, |
|
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, You can also remove and preview contents, create templates and move contents to other clients. |
|
In the Datasources Menu you can manage your data sources and connections. Here you can see the name, the client, the URL, the Last accessed / updated date, You can 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, |
In the Log Menu you can manage your logs. Here you can see the Time and the Message of your Log. |
|
In the License Menu you can see your active license details. Here you can see information about: the system, the validity, the details, |
________________________________________________________________________________________________________________________________________________________
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.
________________________________________________________________________________________________________________________________________________________
Content players
|
|
|
________________________________________________________________________________________________________________________________________________________
LOG filesThe LOG file is a file that records events that occur with the Client.
|
|
|
|
You can download the Log file of a client in .txt format,
|
________________________________________________________________________________________________________________________________________________________
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. You can also turn emergency mode on if you have a page called emergency, 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, You can download your screen log. You can also restart, lock, reset, and update your screen here. |
________________________________________________________________________________________________________________________________________________________
________________________________________________________________________________________________________________________________________________________
Questions and AnswersOn our Q&A site you can ask questions, report issues or ask for help.
|
|
Creating a questionWhen you create a question you can give a short title to your question and a more detailed description.
|
|
You can create public and private questions.Only you and the administrators will see the private questions.
You can set the category that fits your question the most.
You can also set a tag to the question to help others find it. |
|
QuestionsYou can search for a question by its status, category, tag or use the search bar to find one by it's title.
|
|
|
When a question is created it will have Open status icon.
When a question or issue is solved it will have the Resolved status icon.
When we can't give answers to your question or solve a problem it will have a Closed status icon. |
You can vote to answers if you find them more helpful than others. |
|
You can also subscribe to questions to get notifications in e-mail
|
|
When an answer is confirmed by the creator or by an administratorit will be indicated, to help you find the right answer to the question. |
________________________________________________________________________________________________________________________________________________________
________________________________________________________________________________________________________________________________________________________
User interface
|
|
On the Home Screen of our editor you can:
See more about: Home Screen. |
|
On the Administrator Screen you can:
See more about: Administrator Screen. |
|
On the Settings Screen you can:
|
________________________________________________________________________________________________________________________________________________________
________________________________________________________________________________________________________________________________________________________
Windows client
|
|
Our windows client can be useful in multiple situations. The main benefit is that you can display to multiple screens from one Pc (with a stronger graphics card). You can also display your content in a section of the screen, You can mount your screens on the wall or use a simple stand for it. |
________________________________________________________________________________________________________________________________________________________
XML connectionsIf you want to display data in your content, which can be altered any time, but you do not want to edit your content each time the data changes, you can use XML data binding.
You can connect an XML and use its data by following this guide: |
|
|
You can use your own XML file or a simple Google Spreadsheet to create xml connection. First you have to publish your document, go to: Get back to the spreadsheet editor interface https://docs.google.com/spreadsheets/d/ 1BVqnifu16QgYuaOPBUcTeCD0ZvJoPT-YvBuvc1Kez8Y /edit#gid=0 Than replace the "Your_ID_Comes_Here" text with your ID in this URL: https://spreadsheets.google.com/feeds/list/ Your_ID_Comes_Here /od6/public/values You will use this URL in the next steps.
|
|
On the Administrator page, under the Datasources menu, add a new datasource.
Note that only users with SuperAdmin role can acces this menu! |
Choose your datasource a name, which will be displayed in the Datapicker. Select the client whom contents you want your datasource to use on. Add the XML file's URL or the URL that we created in the first step. Save your datasource. |
|
|
You can use data binding on elements where there is an option for Datapicker. Elements with data binding option: Also, all the dynamic charts can only be used with data binding. |
|
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. You can even set the columns' width (in pixel), text and background color, The columns can be dragged up and down. |
Now, you can start formatting your content to your own liking. |
________________________________________________________________________________________________________________________________________________________
• 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)
|
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 |
•(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) |
VP9 | - | •(Android 4.4+) | - |
• WebM (.webm) |
• Windows: The same can be played, but in Windows you can play even more formats since windows have had much more codecs.
________________________________________________________________________________________________________________________________________________________
________________________________________________________________________________________________________________________________________________________
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)
________________________________________________________________________________________________________________________________________________________
________________________________________________________________________________________________________________________________________________________
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.
|
|
|
________________________________________________________________________________________________________________________________________________________
________________________________________________________________________________________________________________________________________________________
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:
________________________________________________________________________________________________________________________________________________________
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:
________________________________________________________________________________________________________________________________________________________
For being able to load the content without internet connection our client application stores all the components of a content on the device storage and supplies the embedded browser locally.
This also reduce the network traffic significantly: images or videos are downloaded to the device only once, so when you play a content that includes large video it will download the video only one time, and next time the video will be played from the local storage.
________________________________________________________________________________________________________________________________________________________
Since the Android system has supported the video auto play from the version 4.4, our application prerequisite is that Android version.
Our client application can run on non-rooted devices too, but we prefer to run on a rooted device. In that case we can do many things that are not supported on a non-rooted device: silent updating in the background, sync the system time to the server clock, or for example disable those applications that are not needed for a signage device (gmail, calendar, kodi…).
Since our application communicates with our server it is mandatory to enable wifi or Ethernet connection for communication.
________________________________________________________________________________________________________________________________________________________
Installation on Android
|
|
|
|
2. Copy the .apk file to a pen drive and install it on the device (you will have to enable the installation from unknown sources setting). Also, it is also good to enable the USB debugging in the settings, that will allow you to connect to the device on USB if something goes wrong.
|
|
3. Start our client application and set up the server address if that needs to be changed, also the device type. You can choose the immediate lock down if you already know that our application works fine on that device type.
|
|
3. (optional) Set our applicition to be your default home applicition on your device. This step is necessary if you want our client to start after reboot of the device.
|
|
4. The application will register on the server
|
|
5. With that code you need to register the device under your account on the Editor interface. Select Screen under the (+) menu.
|
|
6. Type the code into the pop up Temporary ID input and give your screen a name.
|
________________________________________________________________________________________________________________________________________________________
Locking down 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.
________________________________________________________________________________________________________________________________________________________
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.
________________________________________________________________________________________________________________________________________________________
If you want to remove our application from a device, you have to do the following steps:
________________________________________________________________________________________________________________________________________________________
Our software can run on any Android 4.4+ devices, but there are hardware and quality differences between the devices (we have tested 100+ different types of devices):
Basic devices: these are entering levels of devices, mainly in the cheap (20-50 USD) price range. These devices can be perfect for simple use, but we do not recommend the for 24/7 usage. Here you can find many of these devices
Mid-range devices: they are produced by better known names like Minix or Beelink. They are in the 50-150 USD range, their quality assurance is higher, and you can count with these producers for long term. Here you can find several Minix or Beelink devices
Professional devices: these devices are for 24/7 use, include built in battery, and can be configured to automatically switch on and off. AOpen is one of these producers.
We always recommend our partners to test the devices before they order a large quantity.
Rooting device is always recommended. Our application with root privileges can access system functions like syncing time, restarting device or updating application in silent mode.
________________________________________________________________________________________________________________________________________________________
Updating clients remotely
|
|
You can update a screen or screen groups in the right-click menu.
Go under the manage screen sub-menu where you can find the Update screen(s) feature.
This feature will force the device(s) to download the update and install it.
There is also an automatic update:
|
|
However, if the device is offline it will not be able to download updates, and you can't force update until it reconnects to the network.
|
________________________________________________________________________________________________________________________________________________________
________________________________________________________________________________________________________________________________________________________
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 |
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 |
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 |
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 |
See more about: Reset element. | |
The Submit element:With the Submit Element you can collect data from one of your other |
See more about: Submit element. | |
The All element:With the All Element you can collect the data from all of your other interactive |
See more about: All element. | |
The Collection element:With the Collection Element you can display the collected data from your button group. |
See more about: Collection element. | |
The Input element:With the Input Element you can create an interactive field to collect data. |
See more about: Input element. | |
Social elements |
||
The Facebook element:With the facebook element you can display facebook social pages in your content. |
See more about: Facebook element. | |
The Twitter element:With the twitter element you can display twitter social pages in your content. |
See more about: Twitter element. |
________________________________________________________________________________________________________________________________________________________
The Master page feature is needed if you have a content that you want to use as a background
on an other content.
Your Master page will be the content in the background.
You can set the Master page in the editor under the Page properties.
________________________________________________________________________________________________________________________________________________________
Strech content function
|
|
You can turn this function on in the page properties menu. |
|
Here you can see the preview of a content that is not streched.The content keeps it's original width and lenght. |
Here you can see a content that is streched out.The content fills in the whole screen. |
Different types of preview modes in browsers.
|
|
Preview from start:
Preview from current:
Preview from start, with sync:
|
________________________________________________________________________________________________________________________________________________________
Using interactive elements.With the interaction elements you can create your own forms inside of contents.
|
|
First you have to place the Interactive Elements on to the canvas.
You can choose from 7 Interactive Elements: Checkbox, Radio button, Reset, Submit, Submit all, Collection, Input. |
|
|
Then you have to name your Button Group. If you want your Interactive Elements to interact with each other, their Button Group name has to be the same. |
With the Checked Switch you can set the starting value of your Interactive Elements to be checked or unchecked. |
|
|
You can select an image to be displayed when your Interactive Elements are selected and also another one when it is not selected. (For example: when a Checkbox is checked or unchecked) |
You can name your element in the Event Name field, and later that will be displayed. (For example: in the Collection Element ,in the submitted e-mail or in your database) |
|
You can set the Checked and the Unchecked Value of your Interactive Elements.
Later the value will be displayed in the Collection Element next to it's name |
|
|
If you want to save and use the collected data you need to use a Submit or a All element.
Then the data will be saved down to your database. You can also send this data with e-mail, you need to set a Receiver e-mail address for that. |
I have created a content with two check boxes and a collection element.
All of the three elements has the same button group set, so the can interact with each other. The left hand side check box has a: The right hand side check box has a: As you can see the Collection Element shows |
________________________________________________________________________________________________________________________________________________________
________________________________________________________________________________________________________________________________________________________
Page background |
|
Under Page menu you can manage the background color. | |
You can set the Background type as an Image and color or as a Video. | |
You can select your background file in the Background menu. | |
You can also set a background color in the Bg color menu. |
________________________________________________________________________________________________________________________________________________________
Page length
|
|
Page length means that how long each page will be displayed in your content.
You have to set the length of a page to be bigger than the enter and leave animation of the page together. You can set the length of a page in the pages menu. |
________________________________________________________________________________________________________________________________________________________
Slide transitionsThe 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 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, |
|
You can also set a repeat animation to your element, and set delay to this one either. This will be played over and over again. |
________________________________________________________________________________________________________________________________________________________
Using colors
In the color selector window you can select the color you want in many different ways. |
|
You can either type the code of the color you want in HEX, RGB, or HSL,
or you can use the color pickers. The first color picker tool is a regular color picker you can select the color by moving the circle. |
|
With the next color picker tool you can modify your color by changing the amount of the 3 different colors. | |
|
With the third color picker tool you can select from the basic colors. |
With the last color picker tool you can select from the shades of the colors. |
________________________________________________________________________________________________________________________________________________________
Using fonts
In the font menu you can set different font settings. |
|
You can change the font size from 6 to 150.
You can also change the font family or make your text bold, italic, or underlined. The font color can be changed too, about that see more here: Using colors. You can set the letter spacing from -20 to 80, or add shadow to your text. You can also set the vertical and horizontal placement of your text. |
________________________________________________________________________________________________________________________________________________________
Using Jump
With the jump function you can navigate between your pages.
|
|
In the jump function you can change the type of animation to jump popup or navigate.With jump selected when you click or (on touch screens) you touch the element
|
________________________________________________________________________________________________________________________________________________________
Using MasksWith 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&PositionIn 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. |
________________________________________________________________________________________________________________________________________________________
________________________________________________________________________________________________________________________________________________________
Displayer: The web-based content handling environment ran inside the browser or webview of our client applications (Android, Windows)
Introduction
In multi-display setups the ability to keep dynamic content playback synchronised is essential. The start time of a content loop playback depends on many factors on each screen, when did you turn the screen on, was it online when the content was updated, how fast is your network, when did it restart after an update etc, making it necessary to let the displayer know of timestamps when the start of a content is appropriate in time and identical with every screen in the system. In our current implementation the displayer can only keep one page rendered in one browser window at once. Because of technical limitations swapping pages can never be an instant 0 second task and depending on your hardware and content complexity the time required to render the next page can be very different on each screen, which over a large period of time can add up into a significant difference in the progress of the displayed content, therefore synchronising only start time of the contents is insufficient and unreliable.
The principle
The base of synchronisation is setting the local time of the screens as precisely as possible, and keeping it updated over long time. Assuming an accurate clock in the calculation we can define an exact time position in the loop as the quotient of the absolute time, and the full length of the content loop. For example, if you have a 1 hour long content, with 60 pages, each set for 1 minute duration, we know that each loop ends, and the content restarts exactly at the beginning of each hour. Let's say current time is 1:37 PM 30 seconds, then the displayer should show the 38th page, swap to the 39th page 30 seconds later and so on.
Applicable elements
Content pages can have many widgets which can also contain material which repeats, these are: video, video gallery, weather, image gallery, carousel, contents widget (embedded sequence of contents), and repeating animation on any widget. Therefore we distinguish two groups of elements, contents and widgets.
Conditions
When the mentioned two groups overlap, synced contents contain widgets which can sync on their own, then only one of them should sync, because different loop lengths can cause contents to position differently from their defined order. For example you have a page containing an image gallery widget with 5 images, each image is having 5 seconds duration. If you use that page as a master page for another content, the page will not swap to another page at all, just statically display indefinitely, therefore the gallery inside should sync on it's own to change it's images exactly in every 5 seconds, regardless of when the whole content was started. If you put that page in a synced content loop, giving the page the exact 25 seconds to rotate through the whole gallery inside it, then if you would also allow the gallery to sync, it might jump to any of the images, and might display that image for less than 5 seconds, depending on the absolute time. Ideally though you probably want it to play from the first image you defined, for precisely 5 seconds each. As one exception, if the length of a page inside the loop is greater than 5 minutes, the sync of the widgets will not be prevented by the above rule. In the editor menu there is an option to enable sync for contents under the Page category, and for each applicable widget listed above, under their respective properties menu, which are turned off by default. When you open a preview from the editor in your browser, there are 3 options, only the third allowing sync. The other two opens an url which has the '&noSync=true' part in it, that disables sync. The given content must contain a loop, which means any sequence of pages connected in a row, where the last page is connected to any of the pages previously displayed in that row. In a sequence stopping at a given point, there is no point in skipping pages which will not be displayed at all. Currently any page change that violates the defined order of pages in the loop, also disables the page sync, which can come from datasource, user interaction, or page jump set at the end of a video widget. When a page is started by schedule in the current content, the loop swaps are paused, and the sync becomes disabled, and will be re-enabled when the scheduled page(s) end. If any of the above conditions are not met, the sync will be disabled for the given element.
Implementation
When the sync is active, the loop of pages defined in playlist editor will be interpreted as an endless series of intervals, and any given point in time will be contained by exactly one of these intervals, determining which page should be running. When first loading a content, it always starts with the Default page, and it will keep the exact order defined, so synchronization is achieved through only modifying the duration of the pages. If the first page's interval is significantly late behind the determined one, the displayer will not try fast-forwarding to it, it will rather wait for the next closest interval when the next page can start, increasing the current page's duration. When this increase is more than 5 seconds, an icon is displayed in the bottom right corner.
Widgets also have a similar loop defined by the order in the list of slides created in the editor, but they are not limited to only changing the duration of their slides, they can skip slides if necessary, to show their determined slide as soon as possible.
The duration of the elements is synced at each time they are swapped, this way if any unexpected delay occurs from any source, like slow network, big file load times, or lag, it naturally gets corrected at each step.
There is a minimum time defined for each element type, if the calculated run time for a given element is smaller than the minimum time while syncing, that stage of the element will be skipped, and the next stage will be displayed, for a bit longer time than what was defined, as much longer as was calculated for the previous stage. The minimum time for pages is 3 seconds, for video gallery and contents widget it's 1.8 seconds, for carousel it's 0.6 seconds, for image gallery and weather widget it's 2 seconds, for video and common widget animations it's 1 second, and if the displayer detects a constant slow display where too much skipping occurs, it can increase the minimum time.
When video and video galleries have active sync, they will not only sync the start of their stages, they will also modify the progress of their displayed video every few seconds if it's necessary, but only if a certain minimum threshold reached, currently 1 second, to avoid small corrections breaking the continuity of the video. If the calculated timestamp is before or after the interval allocated for the video, it will pause the video on the first or last of it's frames, and play it only when the interval starts.
Page length modifications in displayer, regardless of sync setting
The absolute minimum duration for a page that can be set in the playlist editor is 3 seconds, which is the minimum duration the page is fully visible, without animations. If you add animations to your page swaps, they will not increase the runtime of your pages, the animations will be played during the time allocated for the given page, so depending on the animation type the duration while the pages are fully visible will somewhat decrease. The playlist editor doesn't validate for cases where the duration of the page being fully visible would decrease below the minimum threshold, so in these cases the page duration is increased to achieve the minimum fully visible page duration is met. For example if you set a page to be 3 seconds long, and also set an animation with 1 second duration, the full page length will be increased to 5 seconds, where the animation will be played for 1 second, then the page displayed for 3 seconds, then the animation will be played for 1 second in reversed direction.
________________________________________________________________________________________________________________________________________________________
Home screen
On the Home Screen you can manage your Screens and your Contents,
|
|
In the top left corner you can find the settings to your account. |
|
In the top right corner you can find the Navigation Menu. |
|
At the top half of the screen you can manage your Screens and Groups.
See more about: Screens. You can create groups, you can even create groups inside of other groups. You can change settings on groups, than the setting will apply |
|
|
On the other half of the screen you can manage your Contents or request one.
You can create a content or request one by click the plus button. |
You can search, import or request a content with these buttons. You can also download your statistics here. |
________________________________________________________________________________________________________________________________________________________
Backing up your content.
|
|
You can back up your content by right-clicking on the content and hitting Export Content.
This will create an arhived folder on your pc, that you can import into your system later. |
________________________________________________________________________________________________________________________________________________________
Settings
|
|
On the Settings Screen you can see your Customer Infos, manage your User Settings and Messages.
|
|
Here you can manage and add new Users. |
|
Here you can manage and add new Users. |
________________________________________________________________________________________________________________________________________________________
How to use our editor.
|
|
|
|
This is your main area of the editor. In the center of this area you can find your canvas. On the top you can set the resolution of your content, set the zoom, toggle all helper lines, 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. |
________________________________________________________________________________________________________________________________________________________
PagesWith pages you can make multiple canvases. |
|
You can find the pages drop down menu in the top right corner of your canvas. | |
In this menu you can edit your pages, or make a new one.
The created pages will be in parking you have to drag them over to the playlist menu After that you can edit the page, and set the lenght of it. |
________________________________________________________________________________________________________________________________________________________
Set time zone functionWith the set time zone function you can set the time to a different time zone on your devices.You can only use this function if you have the automatic time zone enabled on your device!
|
|
You can find this function by right-clicking on a screenand selecting Set time under the Managing screen menu. |
|
You can select the time zone that you want to use on the device from the list given. |
________________________________________________________________________________________________________________________________________________________
Layers.You can find the Layers Window in the top-right corner of the canvas. |
|
You can manage your layers individually.
You can rename, toggle helper lines, show / hide and lock / unlock your elements. |
________________________________________________________________________________________________________________________________________________________
Page Connection
|
|
You can set the order of your pages in the Dynamic Pages Menu.
You can select the page you want to display after the current one. |
|
You can set the orders of the pages in the playlist menu by dragging them.
This window will pop up when you have multiple pages. The Blue arrows indicate time based transformation, |
________________________________________________________________________________________________________________________________________________________
Page settings. |
|
In the Main Pages menu you can set the background of your page. See more about: Page Background.You can set a page to be your master page. You can also stretch and synchronise your content here. |
|
In the Data Binding Menu you can connect a datasource to your content. See more about: Data Binding. |
|
In the Dynamic Pages Menu you can You can set a screen saver.
You can set the page you want to display after the current one You can also select an animation type here. |
|
In the Button Events Menu you can Enable and Disable the button events. You can also select the target element here. |
|
In the Comment Menu you can leave a monitor control commands for the screens. | |
In the Receiver Menu you can set a receiver e-mail to receive the collected data from interactive elements. See more about: Interactivity. |
________________________________________________________________________________________________________________________________________________________
Properties
|
|
In the Properties Menu you can find Main and Other settings.Main Settings:
Other settings:
|
________________________________________________________________________________________________________________________________________________________
________________________________________________________________________________________________________________________________________________________
Scheduling pages
|
|
You can find the schedule setting in the Page Settings Menu. Your default page will be the one always being displayed. You can set when to start and stop displaying your page. You can also set the days you want your page to be displayed, The example picture shows the setting when you want to display a page |
________________________________________________________________________________________________________________________________________________________
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. |
________________________________________________________________________________________________________________________________________________________
________________________________________________________________________________________________________________________________________________________
Content templatesTemplates 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. |
________________________________________________________________________________________________________________________________________________________
The e-mailing feature can be enabled or disabled. We highly recommend it to be enabled. First of all, all the user feedbacks are received through this SMTP mail server. On the other hand, it sends us daily statistics about how our system runs, which data can we analyse and make our system more stable and up to date for the market's needs.
To set up the SMTP mail server we need the following details:
________________________________________________________________________________________________________________________________________________________
If you want instructions how to install our system on your server or want us to set it up for you, please make contact with us on: support@wallboard.info.
________________________________________________________________________________________________________________________________________________________
________________________________________________________________________________________________________________________________________________________
See more about: Data binding.
________________________________________________________________________________________________________________________________________________________
________________________________________________________________________________________________________________________________________________________
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 |
________________________________________________________________________________________________________________________________________________________
________________________________________________________________________________________________________________________________________________________
About our Windows client
|
|
Our Windows client displays the content on a windows 10 device.
|
________________________________________________________________________________________________________________________________________________________
For being able to load the content without internet connection our client application stores all the components of a content on the device storage and supplies the embedded browser locally.
This also reduce the network traffic significantly: images or videos are downloaded to the device only once, so when you play a content that includes large video it will download the video only one time, and next time the video will be played from the local storage.
________________________________________________________________________________________________________________________________________________________
Installation on Windows
You can download our Windows client from the editor interface.
|
|
|
The first step of the installation is to specify the
|
|
The next step is to customize the Application Settings.With the Allow auto update function your application will check the updates and update if it is needed every time when the client starts up.You can allow a virtual keyboard which will pop up if the customer
|
On the next page you can select a display format to your application.You select the Fullscreen mode to display the application
|
|
If you have selected the Windowed mode
|
If you have selected Fullscreen mode or
|
|
If you have selected the Windowed mode than now you can select
|
|
On the Additional setting page you can:
If you have selected one of the full screen modes, than now you can Lock your device. See more about: Locking Windows device. |
After the installation is complete you can register your screen in the editor interface with the four digit number
|
________________________________________________________________________________________________________________________________________________________
Locking down Windows
Locking down the device means that our application will optimize the Windows system
|
|
If you have selected one of the Fullscreen modes, than you can Lock your application.If a device is locked down, than the users can not interact with other applications
|
|
To unlock the Locked device press the "M" "S" "D" keys after each other.That will unlock the device and enable key combinations. |
________________________________________________________________________________________________________________________________________________________
Managing Windows client
|
|
In our editor interface you have acces to all the settings and functions
|
________________________________________________________________________________________________________________________________________________________
Removing Windows client
|
|
You can remove the windows application in the editor interface
|
________________________________________________________________________________________________________________________________________________________
Windows features
|
|
Windowed ModeYou can display our windows client in windowed mode wich will display
|
|
Fullscreen ModeYou can display our windows client in full screen mode,
|
|
Extended Fullscreen ModeYou can display our windows client in extended full screen mode,
|
________________________________________________________________________________________________________________________________________________________
Windows prerequisites
|
|
Our windows client prerequisites are:
You can download the latest version of our windows client from our editor interfaceFrom the download menu in the right upper corner.
|
________________________________________________________________________________________________________________________________________________________
________________________________________________________________________________________________________________________________________________________
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. You can also flip your element horizontally, vertically or both ways with the flip function. |
________________________________________________________________________________________________________________________________________________________
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. You can also flip your element horizontally, vertically or both ways with the flip function. |
________________________________________________________________________________________________________________________________________________________
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. You can also flip your element horizontally, vertically or both ways with the flip function. |
________________________________________________________________________________________________________________________________________________________
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. You can also flip your element horizontally, vertically or both ways with the flip function. |
________________________________________________________________________________________________________________________________________________________
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. You can also flip your element horizontally, vertically or both ways with the flip function. |
________________________________________________________________________________________________________________________________________________________
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. |
|
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. You can also flip your element horizontally, vertically or both ways with the flip function. |
________________________________________________________________________________________________________________________________________________________
With the Collection Element you can display the collected data
|
|
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. You can also flip your element horizontally, vertically or both ways with the flip function. |
________________________________________________________________________________________________________________________________________________________
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. You can also flip your element horizontally, vertically or both ways with the flip function. |
________________________________________________________________________________________________________________________________________________________
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. You can also flip your element horizontally, vertically or both ways with the flip function. |
________________________________________________________________________________________________________________________________________________________
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. You can also flip your element horizontally, vertically or both ways with the flip function. |
________________________________________________________________________________________________________________________________________________________
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 |
|
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. You can also flip your element horizontally, vertically or both ways with the Flip Function. |
________________________________________________________________________________________________________________________________________________________
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 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. You can also flip your element horizontally, vertically or both ways with the flip function. |
________________________________________________________________________________________________________________________________________________________
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. You can also flip your element horizontally, vertically or both ways with the flip function. |
________________________________________________________________________________________________________________________________________________________
With the gauge element you can display your datasources
|
|
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. You can also flip your element horizontally, vertically or both ways with the flip function. |
________________________________________________________________________________________________________________________________________________________
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,
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. You can also flip your element horizontally, vertically or both ways with the flip function. |
________________________________________________________________________________________________________________________________________________________
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. You can also flip your element horizontally, vertically or both ways with the flip function. |
________________________________________________________________________________________________________________________________________________________
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. You can also flip your element horizontally, vertically or both ways with the flip function. |
________________________________________________________________________________________________________________________________________________________
With the Input Element you can create an interactive field
|
|
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. You can also flip your element horizontally, vertically or both ways with the flip function. |
________________________________________________________________________________________________________________________________________________________
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. You can also flip your element horizontally, vertically or both ways with the flip function. |
________________________________________________________________________________________________________________________________________________________
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. You can also flip your element horizontally, vertically or both ways with the flip function. |
________________________________________________________________________________________________________________________________________________________
With the meter element you can display values from a datasource
|
|
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. You can also flip your element horizontally, vertically or both ways with the flip function. |
________________________________________________________________________________________________________________________________________________________
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. You can also flip your element horizontally, vertically or both ways with the flip function. |
________________________________________________________________________________________________________________________________________________________
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. You can also flip your element horizontally, vertically or both ways with the flip function. |
________________________________________________________________________________________________________________________________________________________
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. You can also flip your element horizontally, vertically or both ways with the flip function. |
________________________________________________________________________________________________________________________________________________________
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. You can also flip your element horizontally, vertically or both ways with the flip function. |
________________________________________________________________________________________________________________________________________________________
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. You can also flip your element horizontally, vertically or both ways with the flip function. |
________________________________________________________________________________________________________________________________________________________
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. You can also flip your element horizontally, vertically or both ways with the flip function. |
________________________________________________________________________________________________________________________________________________________
With the Scroll element you can display text in many different ways.
|
|
In the Text Menu you can select between three types of outputs.
You can select the Simple Text type, and then type your text that you want to display. Or you can select the Message Board type, and display the saved messages. Or you can select the RSS type, and display by a RSS URL. You can also set the speed, the direction, and the trim of your element. |
|
In the Size And Position Menu you can select the width, the height, and the placement of your element quickly. See more specified information about: Size&Position. |
|
---|---|
In the Font Menu you can set the size, the family, the style, and the color of the font. You can also set letter spacing and shadow to your element here. See more specified information about: Using font. |
|
In the Effects Menu you can select a background image or color to your element. | |
In the Animation Menu you can choose the enter, and the exit animation of your element. See more specified information about: Animation. |
|
You can use the Data Picker tool to select your Datasource. See more about: Datapicker. |
|
You can set a after and before text to display before or after the main text. | |
With switching the Custom Margin switch over you can set a custom sized margin to your element.
You can set the opacity of your element, or you can mask it. You can also flip your element horizontally, vertically or both ways with the flip function. |
________________________________________________________________________________________________________________________________________________________
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. You can also flip your element horizontally, vertically or both ways with the flip function. |
________________________________________________________________________________________________________________________________________________________
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. 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. You can also flip your element horizontally, vertically or both ways with the flip function. |
________________________________________________________________________________________________________________________________________________________
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. You can also flip your element horizontally, vertically or both ways with the flip function. |
________________________________________________________________________________________________________________________________________________________
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. You can also flip your element horizontally, vertically or both ways with the flip function. |
________________________________________________________________________________________________________________________________________________________
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. 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. You can also flip your element horizontally, vertically or both ways using the flip function. |
________________________________________________________________________________________________________________________________________________________
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. You can also flip your element horizontally, vertically or both ways with the flip function. |
________________________________________________________________________________________________________________________________________________________
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. |
|
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. You can also flip your element horizontally, vertically or both ways with the flip function. |
________________________________________________________________________________________________________________________________________________________
With the twitter element you can display twitter social pages in your content.
|
|
In the Content Menu you can set the twitter page that you want to display in your content. You can use the URL or the name of the twitter page. |
|
|
In the Behaviour Menu you can set the element's behaviours.
With the Latest tweet button you can limit the element to only show the latest tweets. You can set the color of the links in the content. You can make the content in your element refresh periodically. You can show and hide the header, the footer, the border, and the scrollbar. You can also make the element transparent. |
---|---|
In the Size And Position Menu you can select the width, the height, and the placement of your element quickly. See more specified information about: Size&Position. |
|
In the Effects Menu you can select a background image or color to your element. | |
|
In the Animation Menu you can choose the enter, and the exit animation of your element. See more specified information about: Animation. |
With switching the Custom Margin switch over you can set a custom sized margin to your element.
You can set the opacity of your element, or you can mask it. You can also flip your element horizontally, vertically or both ways with the flip function. |
________________________________________________________________________________________________________________________________________________________
With the facebook element you can display facebook social pages in your content.
|
|
In the Content Menu you can set the facebook page that you want to display in your content. You can use the URL, the id or the name of the facebook page. |
|
In the Behaviour Menu you can set the element's behaviours. You can choose wich content types you want to display in your content. You can make the content in your element refresh periodically. You can set the header to small or hide the cover image.
|
|
---|---|
In the Size And Position Menu you can select the width, the height, and the placement of your element quickly. See more specified information about: Size&Position. |
|
In the Effects Menu you can select a background image or color to your element. | |
In the Animation Menu you can choose the enter, and the exit animation of your element. See more specified information about: Animation. |
|
With switching the Custom Margin switch over you can set a custom sized margin to your element.
You can set the opacity of your element, or you can mask it. You can also flip your element horizontally, vertically or both ways with the flip function. |
________________________________________________________________________________________________________________________________________________________
________________________________________________________________________________________________________________________________________________________
I don't see my device onlineLike all the troubleshooting start,
|
||
Issue |
||
When you have a device registered in the editoral interface but it's inactive,although it should be active.
|
||
Possible causes |
Fixes |
|
|
|
|
|
|
|
|
|
|
|
|
|
For help, contact us on support@wallboard.info. If you have a question that is not in our Knowledge Base leave it on our Frequently Asked Questions page. |
________________________________________________________________________________________________________________________________________________________
The content on my device is laggingLike all the troubleshooting start,
|
||
Issue |
||
The animations and the moving elements in the content don't move smoothly.
|
||
Possible causes |
Fixes |
|
|
|
|
|
|
|
For help, contact us on support@wallboard.info. If you have a question that is not in our Knowledge Base leave it on our Frequently Asked Questions page. |
________________________________________________________________________________________________________________________________________________________
The content on my device is not updatedLike all the troubleshooting start,
|
||
Issue |
||
When you have a device and a content assigned to it.You change something in the content but the device is still playing the old version of it.
|
||
Possible causes |
Fixes |
|
|
|
|
|
|
|
For help, contact us on support@wallboard.info. If you have a question that is not in our Knowledge Base leave it on our Frequently Asked Questions page. |
________________________________________________________________________________________________________________________________________________________
I can not log in on the Editor interface
|
||
Issue |
||
There are some cases when the devices seems to be online but the user can not log in.
|
||
Possible causes |
Fixes |
|
|
|
|
|
|
|
|
|
|
For help, contact us on support@wallboard.info. If you have a question that is not in our Knowledge Base leave it on our Frequently Asked Questions page. |
________________________________________________________________________________________________________________________________________________________
Troubleshooting
|
||
Issue |
||
The client software did not start automatically, and the default android launcher shows up.First of all: make sure that the default homescreen is set to the client application,
|
||
Possible causes |
Fixes |
|
|
|
|
|
|
|
For the investigation please gather all the information you can get about the screen:
|
________________________________________________________________________________________________________________________________________________________
________________________________________________________________________________________________________________________________________________________