Appendix H: Custom Web Pages X-600M Users Manual
found on the X-600M:
example.css
This is the css file used for the other example files.
exampleIndex.html
This custom page demonstrates how to create a custom control page similar to the built in
dashboards. If this file were renamed as index.html, it would appear instead of the standard
index.html dashboard of the X-600M.
exampleLoginScreen.html
This custom page demonstrates how to create a custom login screen. If this file was renamed as
loginScreen.html, it would appear instead of the standard X-600M login screen.
*.png files
All the PNG files are used in the example HTML files and are standard PNG files. This is the only
image format supported by the X-600M for custom web pages.
Template Engine
The X-600M uses the Smarty template engine (version 3.1.16) to facilitate HTML pages with dynamic
content. The Smarty template engine searches for {tags} found in the custom HTML pages and replaces
them with dynamic content. Normally, the Smarty template engine only runs on TPL files, but for the X-
600M, all custom HTML files are parsed by the template engine.
The X-600M uses an object oriented approach for the available {tags} that can be used in the HTML
files. The following objects are available: $io, $reg, $act, $evnt, $user, and $db. To see how these
objects are used inside {tags} to generate dynamic content, lets look at an example. The following
example will output the description of a 1-Wire temperature sensor previously configured in the X-600M.
Page 138 Xytronix Research & Design, Inc.
To Next Page
Loading...