Contents x
    Dynamic wayfinding - OPEN & CLOSED pavilion
    • 27 Sep 2023
    • 3 Minutes to read
    • Print
    • Dark
      Light
    • PDF
    Contents

    Dynamic wayfinding - OPEN & CLOSED pavilion

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

    In the previous tutorial regarding designing an Information kiosk screen, we have shown how to dynamically change the text on screens. This tutorial will show how asset values, specifically custom fields assigned to displays, can also automate switching images and videos.

    As before, we will use the custom fields functionality to achieve this goal. We will introduce a new versatile feature called Dynamic media, enabling the user to recall media items based on data & custom fields.

    The example we will create is a Dynamic wayfinding template that will show different media when a Penguin pavilion is open and when it is closed. We will be using the Open-closed-sign Custom field, which consists of two values: CLOSED and OPEN and the open-closed-signs Dynamic media of the image type that consists of two rows with the exact names as Custom field values: CLOSED and OPEN, resulting in ability to switch states of the Dynamic media by selecting one of these values in the display configuration on the Displays tab.


    Topics covered:
    • Dynamic media tab
    • Templates tab - Designer - dynamic media driven by display custom field values

    Sample screens:

    TUTORIAL STEPS:

    Prerequisite: Create a Open-closed-sign custom field and select values of this custom field in your display(s) configuration(s)  according to the current Penguin pavilion situation; see Connect and configure DISPLAYS.

    A) Create a new item on the Dynamic media tab.

    1. Open the Dynamic Media tab on the left-hand menu.
    2. Click the New Dynamic Media button in the bottom right-hand corner.
    B) Configure new dynamic media.

    Dynamic media is configured using a table. Just like in a spreadsheet or database, you can add named columns and rows. For every combination of column and row, an image or video can be uploaded.
    A dynamic media item can be recalled manually by selecting row & column combinations. The row & column selection can be driven by data such as a custom field.
    C) For our Dynamic wayfinding tutorial, we will start configuring a new Dynamic Media table.

    1. In the Name input box, enter the name of your new Dynamic Media.
    2. In the Type drop-down, choose a media type.
    3. Add a column by clicking on the + icon on the top.
    4. Add a row by clicking on the + icon on the left with the same names as the corresponding custom field values e.g. CLOSED, OPEN.
    		 
    D) Add media (images) to all possible combinations from the Media Library. Keep in mind that you can always upload new files to the library.

    1. Mouse over the status value in the table and the box will turn grey, and an Upload icon will appear. Click on the Upload icon.
    2. An Upload window will appear; upload and choose the relevant media from the Media Library for each row.
    3. Click on the Save button in the lower right-hand corner.


    Download OPEN pavilion image

    Download CLOSED pavilion image



    E) Design new content in the Templates tab - see how to do this in the Create basic STATIC content.

    F) Add Dynamic Media to your template.

    1. Click the Media icon on the top menu and select Dynamic Media.
    2. Place the element on the canvas; configure the Position and Size of the element.
    3. Under Dynamic media, choose your dynamic media (e.g., open-closed-signs) from the first drop-down on the right-hand menu.
    4. Configure your dynamic media (see next).
    G) Configure the Dynamic Media element.
    1. Under Dynamic Media on the left-hand side, select Manual from the Column drop-down (on the right-hand side) as a value.
    2. Select status from the Variable Selector drop-down
    3. Select Data Source from the Row drop-down under Column ID.
    4. Click on the Edit Row Data Source button.
    5. Drag and drop the "OPEN-CLOSED-SIGN (Custom field)" element from the right-hand list.
    6. Click on the OK button in the lower right-hand corner to confirm the settings.
    		 
    H) Preview the designed content with assigned display configuration to see specific custom field values chosen in your display's configuration on the Displays tab.

    1. Click on the Preview icon on the top menu.
    2. Select a display configuration to render content according to the value specified in the Open-closed-sign custom field.
    3. Click OK to close the window.

    I) Click the Save & Publish button in the lower right-hand corner when your content design is final. Now it is ready to be assigned and shown on your display.
    J) Switch between your pavilion closed and open states by changing the Open-closed-sign field value in the detail of your display on the Displays tab.
    1. Click the Displays tab and select your display from the list.
    2. Assign your dynamic wayfinding template to the display.
    3. Change the value in the Open-closed-sign custom field to trigger media change on your display.
    4. Click the Save button.
    5. Open the SimpleVUE media player to see how the content changed when you toggled the value of the custom field.


    Was this article helpful?
    What's Next