SmartgridOne logo
SmartgridOne logo
App
Integrations
Monitoring
Web Portal
Account settings
Dashboard settings
Features
Ftp Tool
Infographics
Getting StartedPublic display ConfigurationPublic display ControllerPublic display Template
Reports
Functionalities
Homepage
Installations
Legacy Web Portal
Logging In
Management
OnboardingVideo tutorials
Whitelabeling
Whitelabeling App
Web PortalFeaturesInfographics

Learn how to manage, configure, and customize public displays in your portal.

Info
Disclaimer

The mentioned functionalities may be restricted depending on the purchased software license.

Getting Started with Public displays

SmartgridX's public displays tool is designed to generate fully customizable visualizations for installations. Whether you need internal analysis dashboards or quick and accessible visual displays, public displays offer flexible, customizable, and user-friendly configuration options.

Infographics

Previous Page

Public display Configuration

Complete guide to configuring, deploying, and managing public display displays for specific installations in your portal.

On this page

Getting Started with Public displaysOverviewWorkflow SummaryStep-by-Step Setup1. Public display ControllerNavigation to Controller ManagementController Overview TableClaiming Your ControllerSuccessfully Claimed Controller2. Public display TemplateAccessing Template ManagerTemplate Management InterfaceTemplate Header ConfigurationBlock Layout SystemBlock ConfigurationExample Template ConfigurationTemplate Overview3. Public display ConfigurationAccessing ConfigurationConfiguration ManagementCreating a New ConfigurationBlock-Specific ConfigurationConfiguration ActionsPreview Your Public displayLinking to Controller๐ŸŽ‰ ConclusionWhat You've AccomplishedNext Steps๐Ÿ“š Related DocumentationNext Steps
Note
Note

Important Notice This guide provides a quick start overview of public displays, covering the main components and their effective usage. Detailed information for each component is available on their respective documentation pages.

โš ๏ธ This feature is currently in active development - new features and options will be continuously added. For suggestions or feature requests, please contact our support team.

Overview

The public display system empowers users to create custom visualizations for their installations with complete control over the display layout and content.

Workflow Summary

To set up public displays in SmartgridX, follow this three-step process:

  1. ๐ŸŽ›๏ธ Claim your controller - Register the public display controller to your account
  2. ๐Ÿ“ Create a template - Design the visual layout for your installation
  3. โš™๏ธ Configure the public display - Configure the template for your installation and link it to the controller

๐Ÿ’ก Pro Tip: You can create and test templates without physical hardware - simply skip step 1 to preview your designs before deployment.

Step-by-Step Setup

1. Public display Controller

Note
Note

Additional Resources ๐Ÿ“– For detailed controller information, visit the Public display Controller documentation page.

This section covers claiming and managing your public display controller hardware.

๐Ÿš€ Quick Start Option: Want to explore public displays without hardware? Skip to Step 2: Template Creation to design and preview templates. You can always claim a controller later!

โš ๏ธ Note: Without a claimed controller, you can still create and configure templates to preview the final result, but the public display won't display on physical hardware.

Navigation to Controller Management

publicdisplayimage
  1. Navigate to Public displays: Click the 'Public displays' section in the sidebar
  2. Access Controller Section: On the overview page, locate and click the Public display Controller button (highlighted in the screenshot above)

Controller Overview Table

publicdisplayimage

The controller table displays:

  • ๐Ÿ“‹ Overview of all your registered controllers
  • โž• Claim new controllers button (top-right corner)
  • โœ๏ธ Management options for existing controllers

Claiming Your Controller

publicdisplayimage

Steps to claim:

  1. Click the green "Claim Controller" button
  2. Enter the serial number (found on controller sticker)
  3. Enter the verification code (found on controller sticker)
Warning
Warning

Security Notice ๐Ÿ” Save your controller credentials safely! Store the serial number and verification code in a secure file (Excel, text file, etc.). Our support team cannot provide verification codes for security reasons.

Successfully Claimed Controller

publicdisplayimage

โœ… Success! Your controller now appears in the table with options to:

  • ๐Ÿ“ Edit the controller name
  • ๐Ÿ”“ Unclaim if needed

2. Public display Template

Note
Note

Additional Resources ๐Ÿ“– For comprehensive template creation guidance, visit the Public display Template documentation page.

In this step, you'll design the visual layout for your installation. Templates serve as reusable blueprints that define how your public display will be structured and displayed.

๐Ÿ“ Getting Started Note: This section provides essential template creation steps. For advanced customization options and detailed configuration, refer to the full template documentation.

Accessing Template Manager

publicdisplayimage

Navigation steps:

  1. Go to 'Public displays' in the sidebar
  2. Click the 'Public display Template' button on the overview page

Template Management Interface

publicdisplayimage

The template table provides:

  • ๐Ÿ“‹ Overview of all your templates
  • โž• Add new templates
  • โœ๏ธ Edit existing templates
  • ๐Ÿ—‘๏ธ Delete templates

Template Header Configuration

publicdisplayimage

Header settings include:

  • ๐Ÿ“ Template title - Name your public display display
  • ๐Ÿ“ Margin settings - Define spacing around content
  • ๐Ÿ’พ Save button - Located in the top-right corner

Block Layout System

publicdisplayimage

Working with blocks:

  • โž• Add blocks using the top-right corner button
  • ๐ŸŽฏ Position blocks via drag and drop
  • ๐Ÿ“ Resize blocks by dragging the bottom-right corner handle

๐Ÿ“ Grid System Details:

  • Grid size: 100ร—100 (percentage-based)
  • Example layouts:
    • Two blocks at 50% width ร— 100% height = side-by-side layout
    • One block at 100% width ร— 100% height = full coverage

๐ŸŽ›๏ธ Precision Controls:

  • Use the right-side panel for exact positioning values
  • Perfect for fine-tuning block placement

Block Configuration

publicdisplayimage

Configuration workflow:

  1. Select a block to view its options
  2. Choose block type from the dropdown menu (most important setting)
  3. Configure block-specific settings in the bottom panel

๐Ÿ“š Learn More: Detailed information about different block types is available in the Public display Template documentation.

Example Template Configuration

publicdisplayimage

This example demonstrates a complete template setup with labeled blocks showing their respective configurations and purposes.

๐Ÿ’พ Saving your template:

  • Click the save button (top-right corner) when satisfied with your design
  • Your template becomes available for use in configurations

Template Overview

publicdisplayimage

โœ… Template created successfully! Your new template now appears in the management table, ready for:

  • โœ๏ธ Further editing
  • ๐Ÿ—‘๏ธ Deletion if needed
  • โš™๏ธ Configuration in the next step

3. Public display Configuration

Note
Note

Additional Resources ๐Ÿ“– For detailed configuration options, visit the Public display Configuration documentation page.

In this final step, you'll apply your template to a specific installation and optionally link it to your claimed controller.

๐ŸŽฏ Outcomes after completion:

  • With controller: View your public display on the physical display device
  • Without controller: Preview how your public display will look when deployed

๐Ÿงช Testing Advantage: You can prepare and test templates and configurations before linking them to controllers, ensuring everything works perfectly before deployment.

Accessing Configuration

publicdisplayimage

Navigation steps:

  1. Go to your installation overview page
  2. Select an installation or controller from the list
  3. Choose 'Public display' from the popup menu

Configuration Management

publicdisplayimage

The configuration table shows:

  • ๐Ÿ“‹ All existing configurations for the selected installation
  • โž• Add new configuration button (top-left corner)

Creating a New Configuration

publicdisplayimage

Configuration setup:

  1. Select template from the dropdown menu
  2. Choose your previously created template
  3. Review available blocks and their editable properties

Block-Specific Configuration

publicdisplayimage

Configuration options:

  • Not all blocks are currently configurable. This will change as development continues.
  • Pre-filled content from templates can be used as-is or customized
  • Override default settings with installation-specific content

๐Ÿ’ก Tip: Standard images from templates provide a baseline - customize only what needs to be installation-specific.

๐Ÿ’พ Save your configuration using the top-right save button when ready.

Configuration Actions

publicdisplayimage

Available actions for saved configurations:

  • ๐ŸŽ›๏ธ Claim Controller - Link to hardware device
  • ๐Ÿ‘๏ธ View - Preview the final result
  • โœ๏ธ Edit - Modify configuration settings
  • ๐Ÿ—‘๏ธ Delete - Remove configuration

Preview Your Public display

publicdisplayimage

Preview features:

  • Real-time visualization of how the public display will appear on the controller
  • Responsive testing - resize your browser window to see how the layout adapts to different screen sizes
  • Final validation before controller deployment

Linking to Controller

publicdisplayimage

Final deployment step:

  1. Return to the configuration table
  2. Click 'Claim Controller' to link your configuration
  3. Complete the setup by connecting the physical controller

๐ŸŽ‰ Success! Once everything is configured, linked, and the controller is connected, your custom public display will display on the screen.

๐ŸŽ‰ Conclusion

Congratulations! You have successfully set up a complete public display system in SmartgridX.

What You've Accomplished

โœ… Controller Management - Claimed and registered your public display hardware
โœ… Template Design - Created a reusable visual layout
โœ… Configuration Setup - Applied your template to a specific installation
โœ… System Integration - Connected all components for live display

Next Steps

๐Ÿ–ฅ๏ธ Display Ready: Your public display controller can now showcase your custom visualization on any connected screen

๐Ÿ“š Expand Your Knowledge: For advanced features and detailed customization options, explore the comprehensive documentation pages for each component

๐Ÿ’ฌ Need Help? Our support team is available for questions, feature requests, or troubleshooting assistance

๐Ÿ“š Related Documentation

Next Steps

After successfully claiming your controller:

  1. ๐ŸŽ›๏ธ Link Controllers - Connect to display hardware
  2. ๐Ÿ“ Create Templates - Design your visual layouts
  3. โš™๏ธ Configure Displays - Apply templates to installations

๐Ÿš€ Ready to create more? You can now design additional templates and configurations to suit different installations and use cases!