Ask AI
Skip to main content

Get all ui element in a list

Function: Get all UI elements in a list​

This action allows you to extract all the individual components or items that are placed inside a specific list-type UI element on your application page. Think of it as getting a complete inventory of everything contained within a designated list.

Input,

  • List UI element: This is the specific list component on your page (e.g., a "Vertical List") from which you want to extract all the items it contains. This input is required.

Output,

  • Result: A collection (list) of all the individual UI elements that were found inside the specified list component.

Execution Flow,

Real-Life Examples,

Example 1: Processing a Shopping Cart​

Imagine you have a shopping cart displayed as a "Vertical List" on your e-commerce application, and you need to get all the items in it to calculate the total price or prepare an order.

  • Inputs:
    • List UI element: "Shopping Cart Items" (This refers to the specific Vertical List component on your page that displays the products in the cart).
  • Result: A list containing each product UI element currently in the "Shopping Cart Items" list. You can then use this list to access details of each product (like price and quantity) for further calculations or to send to an order processing action.

Example 2: Managing a To-Do List​

Suppose your application features a "To-Do List" where users can add tasks. You want to create a feature that allows users to mark all tasks as complete with a single click.

  • Inputs:
    • List UI element: "Today's Tasks" (This refers to the Vertical List component displaying the user's daily tasks).
  • Result: A list of all task UI elements currently displayed in "Today's Tasks." You can then loop through this list and update the status of each task to "Completed."

Example 3: Dynamic Form Validation​

Consider a dynamic form where users can add multiple sections, each containing various input fields. Before submitting the form, you need to validate all fields across all sections.

  • Inputs:
    • List UI element: "Form Sections Container" (This refers to a Vertical List that holds all the individual form section UI elements).
  • Result: A list of all individual form section UI elements. You can then iterate through this list, and for each section, retrieve its input fields to perform validation checks, ensuring all necessary data is correctly entered before submission.