Text Icon Page Element
The text icon page element is used to create a page on the hardware’s display that includes one icon and up to four lines of text. This element is only available within Rapid IoT projects.
The text icon page element is located in the Element Toolbox within Atmosphere IoT Studio’s Embedded tab.
The text 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 text 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.
Number of Lines
The number of lines of text displayed. Up to four lines may be displayed.
Line One Text
The text displayed on the page’s first line.
Line Two Text
The text displayed on the page’s second line.
Line Three Text
The text displayed on the page’s third line.
Line Four Text
The text displayed on the page’s fourth line.
Triggers
The following triggers are available to execute events from within the text icon page element:
Triggered
Execute an event when the source element connected to the text icon page triggers.
Displayed
Execute an event when the page is displayed.
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.
Left Page
Execute an event when the display navigates off the page.
Abilities
The following abilities are available for the text icon page element when its source element triggers:
Trigger
Trigger the element(s) that follow the text icon page element.
Display Page
Display the page on the hardware.
Set Icon Label
Set the text on the page beneath the icon.
Set Line One Text
Set the text to display on the page’s first line.
Set Line Two Text
Set the text to display on the page’s second line.
Set Line Three Text
Set the text to display on the page’s third line.
Set Line Four Text
Set the text to display on the page’s fourth line.
