X-600M Users Manual Appendix H: Custom Web Pages
Appendix H: Custom Web Pages
The X-600M also has the ability to use custom web pages in place of the existing login and dashboard
pages. Custom web pages can be created to completely hide the default user interface of the X-600M.
The X-600M allows uploading of HTML, CSS, JavaScript, and PNG files directly to the internal flash
memory. These files are stored in a separate location from the default web pages built into the X-600M.
When a web page is requested from the X-600M, it first looks to see if that web page exists as a custom
web page before looking for the built in web pages. This allows a custom index.html page to have
precedence over a default dashboard page and a custom loginScreen.html to have precedence over the
default login page. The X-600M configuration pages cannot be overridden as this would prevent
configuration of the device.
To upload a custom web page, graphic file, etc., go the System > Custom Web Pages menu tab and
select the Choose Files button in the top right-hand corner of the window. This will open the web
browser's Open file dialog box. One or more files can be selected for upload. To select multiple files hold
down the Ctrl key on the keyboard while clicking on the file names. Select Open to upload the files to the
X-600M.
Once files have been loaded, you can view them by clicking on the file name's link in the Custom Web
Pages file list. Custom web pages can be downloaded one at a time from the X-600M by clicking the
Download button for the file. They can be deleted from the X-600M by clicking the Delete button, and
edited directly by clicking the Edit button. All the custom web pages can be downloaded in a single zip
file by clicking the Download All Files button. This is useful for backup purposes.
New HTML, CSS, and JavaScript file can be created and edited directly in the X-600M setup pages by
clicking on the corresponding button in the top left corner of the Custom Web Pages configuration page.
The X-600M comes with a set of example custom web pages. These can be deleted, or used as a
starting point for creating other custom pages. Here is a quick overview of the default custom pages
Xytronix Research & Design, Inc. Page 137
To Next Page
Loading...