Important Dates Widget Guide

Материал из SmartPlayer

Widget Description

This widget provides users with the ability to run a countdown and display it on devices when needed. Below is the description of the widget's setup and operation principles. The widget is designed to work with touch panel devices.

Adding Widget to Personal Account

To add this widget to the personal account, users must navigate to the "Widget Gallery" section.

Example of "Widget Gallery" section display in personal account

In this section, users should locate and upload the widget.

Example of widget display in "Widget Gallery" section

After completing the upload, the widget will appear in the selected folder of the "Content" section.

Alternative method: Add the widget as a ".zip" archive to the "Content" section of the personal account.

Widget Configuration

It is recommended to pre-upload required images to a separate folder in the personal account

To configure this widget, double-click its icon in the "Content" section. This will open the widget's main page featuring the current date displayed as a large red circle.

Example of widget's main page display

The widget's top-left panel contains control buttons:

  • Left arrow - navigates calendar one month back
  • "Today" button - returns to current month/date
  • Right arrow - navigates calendar one month forward
  • Edit calendar - modifies events marked in calendar
  • Upload table - imports pre-formatted ".xlsx" table with memorial dates (recommended for bulk events)
Example of widget control panel display

Edit Calendar

Clicking "Edit calendar" opens the event settings page showing existing events and an "Add event" button. Event dates are selected above the "Add event" button.

Example of "Add event" button display

The event parameters window includes:

  • Icon - select from available options: balloons, party hat, confetti, Santa
  • Title - enter memorial date heading
  • Subtitle - enter secondary heading
  • Select image - choose event display image
  • Weekend checkbox - toggles weekend display
  • Description - add text details

Finalize event creation with "Create" or cancel with "Cancel".

Example of event parameters display

Always click "Save" at the bottom center to apply changes.

Upload Table

Clicking the "Upload Table" button allows users to upload an ".xlsx" file from local storage. After upload, the events panel display will change, and the widget will recognize events if the ".xlsx" file is properly formatted.

Example of events panel and calendar display changes
File formatting requirements:
  • First row must not be empty
  • Events must be separated by one empty row

Download example ".xlsx" file here Always click "Save" at the bottom center to apply changes.

Widget Configuration Parameters

Access widget settings by clicking the gear icon on the main page.

Example of settings navigation icon display

Available settings:

  • Language selection - choose from: Russian, English, Portuguese, Spanish
  • Event images - select images for events
  • Background image - choose widget background from SmartPlayer content
  • Weekend background color - set color using HEX code reference
  • Weekday background color - set color using HEX code
  • Widget background color - set color using HEX code
  • Navigation bar text color - set color using HEX code
  • Calendar date font size - adjust with slider or manually (in pixels)
Example of widget parameters display

After configuration:

  1. Click "Apply Settings" (bottom left)
  2. Click "Save" (bottom center)
To revert changes, click "Reset" button located left of "Apply Settings"
Example of widget control buttons display

Widget Settings Import/Export

Users can download/upload widget settings via dedicated icons. Files must be in ".json" format.

View example settings file here
Example of ".json" settings import/export buttons

Adding Configured Widget to Broadcast

To implement:

  1. Launch scheduled broadcast
  2. Add this widget as content

For setup instructions see:

Video Tutorial

Memorable Dates Widget Setup

Additional Information

For assistance, use the "Discussions" section at page top.

Example of "Discussions" tab display

More details: Как взаимодействовать пользователю с разделом "Обсуждения"