The IXON Cloud allows you to fully customize the pages that you and your users can see when opening a device in the Portal.
You can create as many pages as you need and add and remove components as you see fit. You can even create your own custom components and manage access to the pages you create for maximal versatility. This way, the users in your company will only see the information that is relevant to them.
Please follow the steps below to get everything set up:
Create a device page
Pages are created in the Studio, linked in the Fleet Manager, and used in the Portal.
- Go to Studio > Device pages and click on
Add new page.
- You can also use an existing page as starting point by creating a Duplicate from the page's settings
.
- The page Name is only displayed in the Studio. The page Title is displayed in the Portal.
- Changes are automatically saved as a draft. Don't forget to Publish the page when you're done to publish your latest changes to the Portal. If you're unhappy with your changes, you can also Revert to the published version from the page's settings
.
- You can also use an existing page as starting point by creating a Duplicate from the page's settings
- In the right menu you can find the Page settings (details below). If you do not see the page settings, make sure to click with your mouse on an empty part of the page and expand the menu
.
Setting Description Time period The page's time period determines which period is shown in data components. Time period controls The time period controls enable you to change the displayed time period on the page in the Portal.
Additionally, it enables you to easily zoom in in components, like the Line Graph, for more detail. The default time period will be displayed again when you reopen the page or manually zoom out
It also enables you to view machine data in the machine's local time zone, or your own time zone, and switch between them. This requires a manual location to have been entered in the device's information in the Fleet Manager..
Labels Labels can be used to organize your Studio overview and find pages, cards, and reports more easily. More information: How to organize pages, cards, and reports in the Studio. - At Select device for preview
, in the top left corner, select a device to preview the page on.
- At
Add a component
, in the top left corner, select a component to add to the page.
- You can add up to 64 components to a page. Click below for an overview.
Component overview
Component Description Info components: Cloud Connection Status Connection status of the device to the IXON Cloud. Status information, logbook, and VPN data usage statistics. Device Info General information about the device, serial number, firmware version, and the groups to which the device belongs. Event Log An event log that includes what each user did and when. Including search and export options. Service Logbook A logbook that enables you to add notes to a machine. For example about performed maintenance, remote service, or machine updates to keep track of all that was done and updated at the machine.
- Every user can add notes and edit and remove their own notes.
- Platform admins and every user with permission Manage devices can also edit and remove other users' notes.
- The logbook will displayed other users as Unknown user if you do not have the permission Manage users.
Remote Access components: VPN Connect Enables the user to VPN connect to the device, view VPN connection details, and download the IXON VPN Client. Web Access Enables the user to use the device's VNC and HTTP services. Historical Data components:
Requires Historical dataData Export Allows for easy export of logged data. Configure the button by selecting the desired data tags to export, file name, and file format. Data Table Table component. Gauge Gauge component. Component options: custom color-coded scaling. Line Graph Line graph component. Component options: separate left and right Y-axis. Multiple Status Status component that translates multiple data tags' value into custom and more descriptive values (e.g. boolean true = status "Machine running"). Multiple values Shows multiple values. Component options: data aggregation (max, mean, etc) and color rules. Period Barchart Bar graph component. Component options: data aggregation (max, mean, etc) per sub-period (bar), automatic or static period size. Single Value Show a single value. Component options: data aggregation (max, mean, etc) and color rules. Status Status component that translates a single data tag's value into custom and more descriptive values (e.g. boolean true = status "Machine running"). Statusbar Horizontal bar that displays color-coded status over a period of time. Translating a single data tag's value into custom and more descriptive values (e.g. boolean true = status "Machine running"). Tank Water tank component. Component options: custom color-coded scaling. Live Data components:
Requires Live dataLive Gauge Gauge component. Component options: custom color-coded scaling. Live Line Graph Line graph component. Component options: separate left and right Y-axis. Live Multiple Status Status component that translates multiple data tags' value into custom and more descriptive values (e.g. boolean true = status "Machine running"). Live Multiple Values Shows multiple values. Component options: data aggregation (max, mean, etc) and color rules. Live Status Status component that translates a single data tag's value into custom and more descriptive values (e.g. boolean true = status "Machine running"). Live Tank Water tank component. Component options: custom color-coded scaling. Live Value Show a single value. Component options: data aggregation (max, mean, etc) and color rules. Layout components: Image Image component. Text Note Text component using markdown formatting. Also allows for using dynamic text that adjusts to the device. Data component options
Setting Description Aggregator The time period displayed on a page generally contains more than one logged value. Some components, like a Single Value component, contain an aggregator setting to determine which value to display. The following aggregators are available:
First Shows the first logged value in the displayed time period. Median Shows the middle logged value in the displayed time period. Last Shows the last logged value in the displayed time period. Min Shows the minimum logged value in the displayed time period. Mean Shows the average of all the logged values in the displayed time period. Max Shows the maximum logged value in the displayed time period. Sum Shows the sum of all the logged values in the displayed time period. Mode Shows the value that occurred most often in the displayed time period. Count Shows the amount of values logged in the displayed time period. Range Shows the difference between the minimum and the maximum logged value in the displayed time period. Difference-Last Shows the difference between the last value in the previous time period and the last value in the displayed time period. Decimals Enter the amount of numbers you want to display after the decimal point. Optional. Unit Enter the unit you wish to show behind the value.
To apply the same unit in every component, leave the unit field empty and instead enter the unit at the Variable in your device's Data source in the Fleet Manager.Factor Enter the factor you wish to apply to the logged value. May be used to translate grams to kilograms for example. This does not change the logged value. It only affects the displayed value.
To apply the same factor in every component, leave the factor field empty and instead enter the factor at the Variable in your device's Data source in the Fleet Manager. - You can move (drag), resize (click and drag), copy & paste (right-click), and remove (right-click) components. Tip: you can also copy a component from one page and paste it onto another page.
- When displaying a boolean in a component, use 0 instead of FALSE and 1 instead of TRUE in the component settings and rules.
- A single page can later be used for multiple devices. Tips and instructions for creating dynamic pages that automatically adjust to the device can be found here: Dynamic cards, pages, and reports.
- You can add up to 64 components to a page. Click below for an overview.
- The page can be viewed in Desktop view
and Mobile view
in the top right corner to preview how it looks like on a desktop and mobile device respectively.
- Don't forget to Publish the page in the top right corner to effectively start using your latest changes in the Portal.
Link a device page to a device
Pages are linked to a device in the Fleet Manager and used in the Portal.
- Go to Fleet Manager > Devices and click on your device name.
- In the left menu, go to View.
- Under Pages, add the page to the device.
- The Access category determines which users can see the page and which users don't. More information: User management explained.
- The Group orderly groups pages with the same group name together in the Portal.
- Pages can be re-arranged (drag and drop
). The order is directly reflected in the Portal.
- A page can be linked to multiple devices. Tips and information about creating a dynamic page that automatically adjusts to the device: Dynamic cards, pages, and reports.
The default page is automatically added to new devices and highlighted by the label Default at Studio > Device pages. It can be edited like any other page and other pages can be assigned as the new default page as well. Only one default page can exist at a time.
- To change the default page, choose a new page to Set as default from the page's settings
at Studio > Device pages.