Get all ui element in a list

Function: Get all UI elements in a list

This function allows you to retrieve all the individual UI elements that are contained within a specific list-type UI element on your application page. It's useful when you need to work with each item inside a list, such as a vertical list, to perform actions on them or extract information.

Input

• List UI Element: The specific list-type UI element (e.g., a Vertical List) from which you want to extract all the individual UI elements. This input is required.

Output

• Result: A list containing all the individual UI elements that were found inside the specified List UI Element.

Execution Flow

Real-Life Examples

1. Example 1: Displaying items from a product catalog

   • Inputs:
     • List UI Element: ProductCatalogList (a Vertical List UI element displaying various product cards)
   • Result: The function returns a list of all individual product card UI elements within the ProductCatalogList. You can then use this list to, for example, count the total number of products displayed or apply a filter to each product card.

2. Example 2: Updating user profiles in a directory

   • Inputs:
     • List UI Element: UserDirectory (a Vertical List UI element showing user profile summaries)
   • Result: The function provides a list of all user profile summary UI elements from the UserDirectory. This list could then be used to iterate through each user and update their status or display specific details in a pop-up.

3. Example 3: Managing tasks in a project board

   • Inputs:
     • List UI Element: ToDoTasksList (a Vertical List UI element containing individual task cards)
   • Result: A list of all task card UI elements from the ToDoTasksList is returned. This allows you to, for instance, reorder tasks, mark specific tasks as complete, or move tasks to another list on your project board.