Yodeck User Manual

How to configure SSO with Okta

Okta integration with Yodeck A complete step-by-step guide for configuring the Yodeck App is provided by Okta to registered users. Log in to your Okta account for further details.

12. Subscriptions & Billing

Your Subscription Information You can access your Subscription information by selecting “Account Settings” from the drop-down configuration menu in the upper-right corner and then “Account Subscription“.

Count Down/Up

The app’s HTML code The following app does the following: reads the app’s configuration and applies the required CSS for background color, font color, font family, font style, font weight resizes text to fit the available window gets and displays time every second We also include a “js” folder with the jQuery library for easier […]

Display Public IP (sample App)

This app is called a page that shows your public IP address (the IP address you use for Internet access), parses its HTML, and displays it in our player. The App’s HTML code The following app does the following: reads the app’s configuration and applies the required CSS for background color, font color, font family, […]

Rich Text (Sample App)

The app’s HTML code We also include a “js” folder with the jQuery library for easier HTML DOM manipulation. index.htmlExpand source <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Digital Signage Widget</title> <link rel="stylesheet" href="css/font-awesome.min.css" type="text/css"> <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css"> <link rel="stylesheet" href="css/ace.min.css" type="text/css"> <style type="text/css"> body { -webkit-font-smoothing: antialiased; font: normal 15px/1.5 "Helvetica Neue", Helvetica, Arial, […]

UI Form Definition for Custom Apps

Introduction In order to provide configuration options for your Apps, you need to define your configuration options in a specific syntax. This way, the Yodeck UI can present an input form to the end user so that he or she can properly edit the configuration options. Your configuration options are stored in a single JSON […]

The Simple Clock

In this guide, you will build your first Custom App, a simple digital clock. Create your first index.html file Every App has a single entry point, the ” index.html ” file. The web viewer loads up this HTML file locally from the storage of the Player. Let’s create a sample. Using your favorite editor, create […]

Shedul (sample App)

This app displays graphics from the Shedul Service The app’s Script code Script CodeExpand source type("""input[name="email"]""" , """{{email|default:'a@b.c'|safe|addslashes}}""") type("""input[name="password"]""" , """{{password|default:'password'|safe|addslashes}}""") runScript(""" document.querySelector('input[name="email"]').dispatchEvent(new Event("input", { bubbles: true })) document.querySelector('input[name="password"]').dispatchEvent(new Event("input", { bubbles: true })) """) pause(1) clickAndWait("""button""") repeat(0){ pause({{refresh|default:180}}) refreshAndWait() waitForPageLoad() runScript(""" if(document.querySelector('div[id="react"]')){ var elem = j('div[id="react"]'); j('body').append(elem); j('body>:visible').not(':last').remove(); } """) } The app’s JSON […]