Configuring Links List Elements¶
"Links List elements" can be utilized to offer users a convenient list of navigation links to particular sections within or outside the system. Following configuration sections are specific for "Links List Elements".
Links List Element Configuration Dashboard Preview¶
Additional Layout Settings¶
Links List Element has been enhanced with additional configuration properties compared to the basic layout (appearance) of a Lobby Element.
Element Layout : Tile view Enabled/Disabled
| Property | Description |
|---|---|
| Tile View | Enable/Disable the tile view. Enabling the Tile View unlocks additional configuration properties under the Data & Formatting section, allowing further customization of the element layout. to enhance usability and appearance. Disabling Tile View maintains a classic compact layout with minimal configuration options |
Tile View Enabled¶
Enabling Tile View unlocks additional configuration properties, allowing to add link icons, colors, and element layout formatting. This enhances flexibility by offering a more visually spacious layout compared to the classic compact design.
Tile View Disabled¶
When Tile View is disabled (default state), the element retains a classic compact layout with minimal configuration options, prioritizing a streamlined and space-efficient layout.
Data & Formatting¶
You can link each "Link List Element" component with a data source created using "DataSource Designer" or a URL pointing to specific sections within the system or a trusted third-party location.
Data & Formatting menu : Tile View Enabled / Disabled
Note:
-
Add a new field to the link list by clicking the "+" button (
) -
Move the link title "up" on the navigation list by clicking the "Up" button (
)
- Move the link title "down" on the navigation list by clicking the "Down" button (
)
-
You can navigate to the selected data source by clicking the navigation button (
) -
Remove a previously created link from the list by clicking the delete button. (
)
Configuration Properties¶
| Property | Description |
|---|---|
| Link Icon (Tile View Enabled) |
Select an icon from the dropdown menu to display a unique icon within the beginning of each link. |
| Color (Tile View Enabled) |
Select the desired icon color. |
| Link Title | Title to be appeared for the "Link List" component. |
| Link Description | An optional text field associated with each link to provides additional context about the link |
| Datasource | Select this option to link an available data source created from the "Datasource Designer" |
| URL | Select this option to link a trusted 3rd party URL |
| Data Source (Dropdown Menu) | Select an available data source created using "Datasource Designer", from the dropdown menu. (Only available upon selecting the "Datasource" option) |
| URL Address | Any accessible URL that can be used to navigate to a certain page when clicking the link. There are two type of addresses Internal Addresses: Used to navigate within the IFS Cloud application pages. Example: page/CustomerOrders/List External Addresses: Used to navigate outside the IFS Cloud application pages. External links are always opened in a new tab window. Example: https://www.ifs.com |
| Use Datasource Condition (Toggle) | Allows filtering data dynamically when linked to a data source. Can apply predefined conditions to refine the data displayed. |
| Refresh Intervals (Seconds) | Define data refresh intervals in "seconds". |
Conditional Formatting¶
Use the conditional formatting section to alter the appearance of "Link List Element rows" to a distinct format when it aligns with specific predefined condition.
| Property | Description |
|---|---|
| Comparer | Allows to select a comparer type from the "Comparer" dropdown menu to define the condition logic. |
| Value | Enables to input a conditional value that will be applied to the Datasource raw value for evaluation. |
| Font Style | Provides the option to select a font style (Normal, Bold, Italic) from the dropdown menu for the Datasource value when the specified condition is met. This is not available for Icon columns. |
| Font Color | Allows selection of a font color (Red, Orange, Green, Blue) from the dropdown menu to apply to the Datasource value when the desired condition is met. This feature is not available for Icon columns. |
| Icon | Enables to select an icon from the dropdown menu to display within the "Links List Element" when the specified condition is met. |
| Icon Color | Selection of the desired icon color (Red, Orange, Green, Blue) |