Yodeck User Manual

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 […]

5. Zipping and Uploading the Custom Sample Clock

Create the zip package Upload your Custom Widget to your Yodeck Account Use the Custom Sample Clock Widget Create the zip package Every App is packaged as a zip archive. You add the “index.html” and any other file you want in that zip archive. index.html file name Keep in mind that the “index.html” file must […]

4.5.1 Documents Folder View

By activating folder view, you have the potential to easily organize and manage numerous Document files. Moving from left to right, you can see your “Media Folders” on the left, the “Folder Documents” in the middle and “Document Actions” / “Folder Actions” on the right. Media Folders. In this section, all the created folders can […]

4.2.1 Videos Folder View

By activating folder view, you have the potential to easily organize and manage numerous video files. Moving from left to right, you can see your “Media Folders” on the left, the “Folder Videos” in the middle and “Video Actions” / “Folder Actions” on the right. Media Folders. In this section, all the created folders can […]