---
title: "Designed Weather widget"
slug: "designed-weather-widget"
updated: 2026-09-21T11:13:07Z
published: 2026-09-21T11:13:07Z
canonical: "docs.grassfish.com/designed-weather-widget"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.grassfish.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Designed Weather widget

With this spot you can display current weather data received via the UDC interface. You can select different layout options and configure how the weather is displayed.

![](https://cdn.document360.io/e2b87f73-d9f5-43cb-8182-2641762664fd/Images/Documentation/weather_widget.png?sv=2026-02-06&spr=https&st=2026-11-06T20%3A21%3A37Z&se=2026-11-06T21%3A21%3A37Z&sr=c&sp=r&sig=eik9AegvkhkGixsAUSBEZb43fF0cRfvbZwpQYzyD8hE%3D)

> [!TIP]
> **Note**
> 
> Please contact Grassfish for information on how to get this widget.

## System requirements

This widget requires IXM One version 11.0 or later.

## Configure the spot

In the HTML Wizard, you can see all configurable spot elements in the tree structure of the spot. Changes are immediately visible in the spot preview.

You can also include HTML Wizard spots as widgets in the HTML Composer, or configure them in the Composer to use them independently.

Configure the following elements of the spot as desired:

| **Nodes** | **Description** |
| --- | --- |
| **Spot** |
| Resolution | Select one of the following spot resolutions: - 1920x1080 - 1080x1920 |
| Spot duration | Set the spot duration to 0. The playback duration is determined via **Display duration**. The spot will stop on its own after displaying the weather. |
| Background | Select to set a background color of the spot. Click in the color selection box to select a color. |
| Player | Select the player on which you want to play the spot. |
| Display duration | Specify the display duration of the spot in seconds. The duration doesn’t include animations and idle time. |
| Number of days | Specify for how many days including today the weather data is displayed. |
| **Weather data** |
| Data source | Enter the name of your data source. To establish the connection, it must be identical to the description in the UDC data source. > [!NOTE] > Note > > If you’ve already selected a player, don’t add a data source to the spot. Configure the data source only on the player. The spot can’t decide which data source to use if multiple are available. |
| Validity tolerance | Specify how many hours the weather data is valid. This period serves as a buffer in case there are delays in data transmission. If no current information is available when moving to the next day, the current data is displayed for the specified period. |
| **Language & units** |
| Language | Select the language of the displayed weather data: - German - English |
| Date format | Specify a format for the displayed weather data. Possible values: - MM/DD/YEAR (03/05/2025) - DD.MM.YEAR (05. 03. 2025) - D MMM YEAR (5 MAR 2025) The date also depends on the selected language. |
| Temperature | Select a temperature unit: - **°C**: degrees Celsius - **°F**: degrees Fahrenheit |
| Speed | Select a wind speed unit: - **km/h**: kilometers per hour - **mph**: miles per hour |
| **Background** |
| Background color enabled | Select to set a background color for the spot. |
| Background color | Select a background color for the spot. |
| Background image enabled | Select to enable a background image. If you have a background image, the background color is not displayed. |
| Background image | Click **Add medium** and select a background image. |
| **Settings of header** |
| Show | Select to display a header. By default, it’s the location of the player. |
| Replace with | Enter text that replaces the default header. |
| Theme | Select a theme for the header: - Dark - Light |
| **Settings of weather view** |
| Theme | Select a theme for the weather data: - Dark - Light |
| Icons | Specify whether to display weather icons such as clouds, sun, or snow: - Hide icons - Small icons - Large icons |
| Show weather images | Select to display weather data with images. |
| Show box shadow | Select to display a shadow. |
| **Animations** |
| Delay (s) | Specify how long to delay animations in seconds. |
| Style of start animation | Select a style for the start animation. Check the spot preview to test the individual animation styles. |
| Stagger time of start animation (s) | Specify how long to delay start animations in seconds. If you enter 0, all elements are simultaneously displayed and animated. |
| Style of end animation | Select a style for the end animation. Check the spot preview to test the individual animation styles. |
| Stagger time of end animation (s) | Specify how long to delay end animations in seconds. If you enter 0, all elements are simultaneously animated and faded out. |