M172 web server

[gomatic]

How can I generate a synoptic page on the M172 so that data, such as analog variables, appears in specific locations on the graphical background? FSP only allows for table generation, but a completely personalized page is needed with custom data location settings, etc.

[ismailozinan]

Hi,

The M172 web interface allows customization at the HTML/CSS level.
Background images, icons, and styling can be modified within the existing template.

If a fully customized graphical synoptic layout is required, this can be achieved by developing a dedicated HTML page, publishing the required PLC variables, and implementing the corresponding JavaScript data binding.

Such customization requires additional front-end development effort and should be considered as a project-specific engineering task rather than a standard configuration change.

BR

[FedericoM · Accepted solution]

Hi,

you can see an example of custom web pages with the parametric Air Handling Unit:

C:\Program Files (x86)\Schneider Electric\EcoStruxureMachineExpertHVAC\Baselines\ESME_AHU\Project\AirHandlingUnit\web

HTML code is quite simple and you can try to use this pages as starting template.

If you are not a web developer, my suggestion is to evaluate with AI or some general purpose web editor (you will have to modify pages adding the link to the plc variables).

I recently saw an interesting result based on claude ai, it seems AI has been able to generate a new template based on the info provided by the existing ones.