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
• Link a device page to a device

Create a device page

Pages are created in the Studio, linked in the Fleet Manager, and used in the Portal.

1. Go to Studio > Device pages and click onAdd 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.
2. 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.

3. At Select device for preview, in the top left corner, select a device to preview the page on.
4. 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 data
     Data 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 data
     Live 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.
5. The page can be viewed in Desktop view  and Mobile viewin the top right corner to preview how it looks like on a desktop and mobile device respectively.
6. 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.

6. Go to Fleet Manager > Devices and click on your device name.
7. In the left menu, go to View.
8. 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.

9. To change the default page, choose a new page to Set as default from the page's settingsat Studio > Device pages.