Contents x
    Weather data on your screens
    • 27 Sep 2023
    • 2 Minutes to read
    • Print
    • Dark
      Light
    • PDF
    Contents

    Weather data on your screens

    • Updated on 27 Sep 2023
    • 2 Minutes to read
    • Print
    • Dark
      Light
    • PDF
    Article summary

    Weather data can be placed on a waste number of templates with different use cases, just use our weather and temperature widgets. With a few clicks you can add weather and temperature icons to your templates with a forecast for the upcoming days or even for different locations. The location-specific weather information is retrieved from weather providers. 

    There are two types of data sources that you can use to display weather and temperature: 

    • Option 1 - Forecast data source type named Forecast can display the weather and temperature of the current and the following day depending on the preset location.
    • Option 2 - Current weather data source type named Weather results in displaying only the current day's weather and temperature depending on the set location.

    Make sure the right data source is selected for Weather and Temperature widgets. In this tutorial, we will add weather information to a ready to use Simpleway template.

    Topics covered:
    Templates tab:
    • Weather widget
    • Temperature widget

    Sample screen:

    TUTORIAL STEPS:

    Option 1 - Forecast data source variant

    A) Open an existing template or create a new one template on the Templates tab  - see how to do this in the previous Create basic STATIC content tutorial.

    B) Weather widget selection

    1.  Select the Forecast data source on the Canvas sidebar.
    2. Click on the Widgets button and select the Weather widget.
    3. Click the canvas to place the selected Weather widget.
    C) Edit the Weather widget

    1. Change the size and position of the Weather widget to suit your needs.
    2. Select the forecast for the Weather data source, Current date for the Forecast day, and white or colored option for the Icons type depending on what fits better with the background.
    D) Temperature widget selection

    1. Click the Widgets button and select the Temperature  widget.
    2. Click the canvas to place the selected Temperature widget.
    E) Edit the temperature widget

    1. Change the size and position of the Temperature widget to suit your needs.
    2. Select the forecast for the Weather data source, Current date for the Forecast day, and the Temperature scale.
    3. Click the Save button.

    Note: You can also edit the font color of your widget's text if the default font color does not fit the background color of the canvas.


    F) Repeat previous steps to create another set of weather and temperature widgets, but set the Forecast day to the Current date + 1.
    G) Preview the template.

    H) Click the Save & publish button. Now you can assign and show the template on your display.

    Option 2 - Weather data source variant

    I) Weather widget

    Repeat steps A) to B) from Option 1 using the Weather data source instead of Forecast.

    1. Select the weather for the Weather data source, white or colored option for the Icons type depending on what fits better with the background, set the Location type to Static and have your location selected in the dropdown menu below it.


    J) Temperature widget


    1. Select the weather for the Weather data source, then the Temperature scale, set the Location type to Static and have your location selected in the dropdown menu below it.

    NOTE: Contact us if you need us to help you customize your own location to display the correct weather and temperature.

    Was this article helpful?
    What's Next