Yodeck User Manual

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

3. Making the Clock Efficient

Just like all content types in Yodeck, Widgets are pre-loaded during playback. This means that it may take several seconds (or even minutes) between loading the Widget instance on the Player’s Web Viewer, and actually getting the Widget to show on the screen. This has two effects: If your Widget is not static (e.g. you show […]

Google Calendar (Sample App)

The app’s Script code Script CodeExpand source type("""#identifierId""" , """{{email|default:'a@b.c'}}""") click("""#identifierNext""") type("""input[name="password"]""" , """{{password|default:'password'}}""") click("""#passwordNext""") pause(5) runScript(""" var period = "{{period|default:'week'}}"; switch (period) { case "day": window.location.href = "https://calendar.google.com/calendar/r/day?pli=1"; break; case "week": window.location.href = "https://calendar.google.com/calendar/r/week?pli=1"; break; case "month": window.location.href = "https://calendar.google.com/calendar/r/month?pli=1"; break; case "year": window.location.href = "https://calendar.google.com/calendar/r/year?pli=1"; break; case "schedule": window.location.href = "https://calendar.google.com/calendar/r/agenda?pli=1"; break; case […]