Ask AI
Skip to main content

Get template ui elements from vertical list

Function: Get template UI elements from vertical list​

This function helps you gather all the individual UI elements that are contained within a specific "Vertical List" component on your application's template. It's useful when you need to work with or inspect the items inside a list, such as getting all product cards in a product list or all form fields in a dynamic section.

Input​

  • List component: This is the specific "Vertical List" UI element from which you want to retrieve all the contained "Template UI elements". You must specify which Vertical List to use.

Output​

  • UI elements: A list of all the individual "Template UI elements" that were found inside the specified "Vertical List".

Execution Flow​

Real-Life Examples​

Example 1: Inspecting items in a product list​

  • Scenario: You have a "Product List" (a Vertical List) on your e-commerce page, and you want to see all the individual product display components within it.
  • Inputs:
    • List component: Product List (the specific Vertical List UI element on your page)
  • Result: The function will provide a list containing all the product display components (e.g., "Product Card 1", "Product Card 2", "Product Card 3") that are currently in your "Product List".

Example 2: Getting form fields from a dynamic form section​

  • Scenario: You have a "Dynamic Form Section" (a Vertical List) that allows users to add multiple contact entries. You need to get all the "Contact Field" UI elements within this section to process their values.
  • Inputs:
    • List component: Dynamic Form Section (the specific Vertical List UI element)
  • Result: The function will return a list of all the "Contact Field" UI elements (e.g., "Name Field", "Email Field", "Phone Field") that are part of the "Dynamic Form Section".

Example 3: Counting tasks in a to-do list​

  • Scenario: You have a "To-Do List" (a Vertical List) on your dashboard, and you want to get all the individual "Task Item" UI elements to count how many tasks are present.
  • Inputs:
    • List component: To-Do List (the specific Vertical List UI element)
  • Result: The function will output a list containing all the "Task Item" UI elements (e.g., "Task 1 Component", "Task 2 Component") currently displayed in your "To-Do List". You can then use another action to count the items in this list.