Yodeck User Manual

Trello (sample app)

This app displays graphics from the Trello Service The app’s Script code Script CodeExpand source type("""#user""" , """{{email|default:'a@b.c'}}""") type("""#password""" , """{{password|default:'password'}}""") clickAndWait("""#login""") openAndWait("""{{url|default:'https://trello.com/'}}""") repeat(0){ pause({{refresh|default:180}}) refreshAndWait() waitForPageLoad() runScript(""" j('.board-header, #header').hide(); """) } The app’s JSON Schema We need the declare a schema for the required configuration fields: email: the email of the user password: the […]

Player HTTP API

Intro The player offers an HTTP API that custom HTML Apps can use. It provides information about the player and allows requests for proxying, caching, and app storage. The HTTP server is available at the following URL: Remember that the server only serves local connections and doesn’t bind to any public interfaces of the player. […]

Digital Clock (sample App)

This app displays the player’s local time. 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” […]

Daily Weather

Show the current weather followed by the week’s weather forecast using data from OpenWeather. The app will automatically reload the data every 10 minutes. Creating a Daily Weather app Click on the Daily Weather app within your app gallery to add it, and fill in the app details as follows: Daily Weather app example FAQ […]

Date&Time App Code

The App’s HTML code Date&Time index.htmlExpand source <!DOCTYPE html> <html> <head> <title>DClock</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> html, body { background-color: transparent; font-family: tahoma; font-size: 48px; height: 100%; width: 100%; } * { margin: 0; padding: 0; } #clock { height: 100%; text-align: center; white-space: nowrap; } .clock-container{ display: inline-block } .smaller { […]

ChartMogul (sample app)

The app’s Script code Script CodeExpand source pause(1) type("""#user_email""", """{{email|default:'a@b.c'}}""") pause(1) type("""#user_password""" , """{{password|default:'password'}}""") pause(1) clickAndWait("""input.btn""") pause(3) repeat(0){ pause({{refresh|default:60}}) refreshAndWait() runScript(""" j(function (){ function yyyymmdd(dateToConvert) { return dateToConvert.toISOString().substr(0, 10) } var todayDate = new Date(); var todayDateConverted = yyyymmdd(todayDate); var prior30Date = new Date(); var prior90Date = new Date(); var prior365Date = new Date(); var […]

2. Add Options to the Clock App

Most Apps will require some form of configuration options. This configuration can be different for each instance of your App (that is, each time you use your App). For our Simple Clock App, let’s say we want to add the following configuration options: Clock Font Size: specify the exact font size in pixels (Integer) Show […]

RSS Custom

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 http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>RSS Feed Widget</title> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous"> <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css"> <link rel="stylesheet" href="css/custom.css" type="text/css"> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/moment.js"></script> <script type="text/javascript" src="js/parser.js"></script> […]

Logging into the Yodeck Portal and creating an account

Intro To use Yodeck or to review its features, you need a Yodeck Account on the Yodeck Portal. 💡If you have already created a Yodeck Account, skip this section. If you have trouble accessing your account, try resetting your password, or you can always contact our support team. Creating a Yodeck Account Logging into your […]