Yodeck User Manual

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

4.3.1 Audio Assets Folder View

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

Baremetric (sample app)

This app displays graphics from the Baremetric Service 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("""#new_user > button""") pause(7) 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 […]