How to Show Real-Time Day, Date, and Clock on Your EMC Sign with VNNOX

Table of Contents

• Step 1: Access the Solution Tab
• Step 2: Add a New Page
• Step 3: Add a Clock Widget
• Step 4: Configure the Simulation Clock
• Step 5: Configure Widget Properties for Simulation Clock
• Step 6: Add a Digital Clock
• Step 7: Update Page Properties for Digital Clock
• Step 8: Configure the Digital Clock
• Step 9: Customize Digital Clock Appearance
• Conclusion

---

This step-by-step guide walks you through the process of creating or editing a solution in VNNOX to display a customizable clock on your sign. From selecting the clock style to setting the time zone and display duration, you’ll learn how to configure both analog and digital clocks effortlessly.

---

Step 1: Access the Solution Tab

• Log in to the VNNOX platform.
• From the main menu, click on the Solution tab.
• Choose to create a new solution or edit an existing solution.
  • Pro Tip: Refer to the VNNOX guide here for detailed guidance on creating solutions if needed.

---

Step 2: Add a New Page

• • On the left side of the screen, locate the Page tab.
  • Click the plus icon (+) to add a new page to your solution.

---

Step 3: Add a Clock Widget

1. At the top of the screen, locate the horizontal secondary menu bar.
2. Hover over the Clocks tab to reveal the dropdown menu.
3. Select one of the two clock options:
   • Simulation Clock: A traditional analog clock with a dial (1–12).
   • Digital Clock: A numeric display of the time and/or date.

---

Step 4: Configure the Simulation Clock

1. If you chose Simulation Clock, click it once to add the analog clock widget to the black canvas of the sign.
2. On the right side of the screen, go to the Page Properties tab.
   • Select the days of the week you want the clock to display (e.g., all days or specific days).

---

Step 5: Configure Widget Properties for Simulation Clock

1. On the right side of the screen, switch to the Widget Properties tab.
   • Specify the duration the clock should appear on the screen (e.g., enter 60:00 for a full minute).

---

Step 6: Add a Digital Clock

1. Repeat Step 2: Go to the Page tab and click the plus icon (+) to create another page for the digital clock.
2. Hover over the Clocks tab and select Digital Clock from the dropdown.

---

Step 7: Update Page Properties for Digital Clock

• On the right side of the screen, go to the Page Properties tab.
  • Choose the days of the week for the digital clock to display.

---

Step 8: Configure the Digital Clock

• Switch to the Widget Properties tab to customize the digital clock:
  • Select the time zone for the clock.
  • Choose what to display:
    • Check/uncheck Year, Month, Day to include or exclude them.
    • Select the year format (e.g., YYYY or YY).
    • Choose a separator style (e.g., colon, slash, or hyphen).
    • Uncheck Day of the Week if you don’t want to show the day’s name.
    • Uncheck Time if you only want the date.
    • Uncheck Hours, Minutes, or Seconds to format the time display.

---

Step 9: Customize Digital Clock Appearance

• Set the color of the date and time:
  • Click the A icon with a colored underline.
  • Select a color from the vertical color palette (rainbow).
• Specify the duration the digital clock should appear (e.g., 60:00 for one minute).

Once all settings for the simulation and/or digital clock are configured, click Publish to apply the changes to your EMC sign.

---

Conclusion

By following these straightforward steps, you’ve successfully added a functional clock display to your EMC sign using VNNOX.

If you want to explore more guides on VNNOX, click here to discover additional tips and tutorials for optimizing your EMC sign displays!