Labeled Icon Page Element
The labeled icon page element is used to create a page on the hardware’s display that includes one icon and one corresponding text label. This element is only available within Rapid IoT projects.
The labeled icon page element is located in the Element Toolbox within Atmosphere IoT Studio’s Embedded tab.
The labeled icon page element is part of a series of embedded elements working in tandem to create Rapid IoT display pages and their navigation and interaction. Unlike other elements, properties of these elements (such as their x- and y-coordinate placements) affect other such elements. To learn more about using NXP display-based embedded elements and how they work together, visit the NXP Display Elements Guide.
Properties
The following properties can be changed for the labeled icon page element:
Name
The name of the element.
Page Visible
The state of the page on the display: hidden or visible.
Page Title Visible
The state of the title on the page: hidden or visible.
Page Title
The title of the page.
Text Color
The color of the text on the page. The text color options include black, red, green, and blue.
Top-left Button Enabled
The state of the top-left button on the page: disabled or enabled.
Top-left Button Label
The text for the button located in the top-left of the page.
Top-right Button Enabled
The state of the top-right button on the page: disabled or enabled.
Top-right Button Label
The text for the button located in the top-right of the page.
Bottom-left Button Enabled
The state of the bottom-left button on the page: disabled or enabled.
Bottom-left Button Label
The text for the button located in the bottom-left of the page.
Bottom-right Button Enabled
The state of the bottom-right button on the page: disabled or enabled.
Bottom-right Button Label
The text for the button located in the bottom-right of the page.
X Coordinate
The placement of the page on the x-axis of the display page coordinate grid.
Y Coordinate
The placement of the page on the y-axis of the display page coordinate grid.
Span X Columns
The number of grid columns the page spans for navigation. Any pages in grid rows above or below the page within the length of the span can directly navigate to this page.
Span Y Rows
The number of grid rows the page spans for navigation. Any pages in grid columns to the left or right of the page within the length of the span can directly navigate to this page.
Icon
The icon displayed on the page. A list of icons is available to choose from.
Icon Label
The text displayed on the page beneath the icon.
Triggers
The following triggers are available to execute events from within the labeled icon page element:
Triggered
Execute an event when the source element connected to the labeled icon page triggers.
Displayed
Execute an event when the page is displayed on the hardware.
Top-left Button Pressed
Execute an event when the hardware’s top-left button is pressed.
Top-right Button Pressed
Execute an event when the hardware’s top-right button is pressed.
Bottom-left Button Pressed
Execute an event when the hardware’s bottom-left button is pressed.
Bottom-right Button Pressed
Execute an event when the hardware’s bottom-right button is pressed.
Abilities
The following abilities are available for the labeled icon page element when its source element triggers:
Trigger
Trigger the element(s) that follow the labeled icon page element.
Display Page
Display the page on the hardware.
Set Icon Label
Set the text on the page beneath the icon.