Ask AI
Skip to main content

Get vertical list ui element by code

Function: Get vertical list UI element by code​

This action helps you locate and retrieve a specific "Vertical List" UI element within your application's current screen or template. A Vertical List is a common way to display items one after another, like a list of products, tasks, or menu options. By providing its unique code, you can easily get a reference to this element to then modify its content, visibility, or other properties.

Input​

  • Code (Text, Required): This is the unique identifier (code) of the Vertical List UI element you want to find. Think of it as the name you gave to that specific list when you designed your screen.

Output​

  • Vertical list UI element (UI element, Default: VERTICAL_LIST_COMPONENT): This is the actual Vertical List UI element that was found. It will be stored in a variable with the name you specify (or the default name if you don't provide one). You can then use this variable in subsequent actions to interact with the list.

Execution Flow​

Real-Life Examples​

Here are some practical ways you can use this action in your no-code application:

Example 1: Displaying a list of products on a shopping page​

Imagine you have a shopping application where you want to dynamically update a list of products.

  • Inputs:
    • Code: ProductCatalogList
    • Vertical list UI element: MyProductsDisplay
  • Result: The "ProductCatalogList" vertical list UI element is found on the current page and stored in a variable named MyProductsDisplay. You can then use MyProductsDisplay to add product items to it.

Example 2: Managing tasks in a project management tool​

You're building a project management application and need to get a specific task list to mark an item as complete.

  • Inputs:
    • Code: ProjectTasksList
    • Vertical list UI element: (Default) VERTICAL_LIST_COMPONENT
  • Result: The "ProjectTasksList" vertical list UI element is retrieved and assigned to the default variable VERTICAL_LIST_COMPONENT. You can now access this variable to update the status of tasks within that list.

Example 3: Customizing a user's navigation menu​

A user wants to reorder their favorite menu items in a personalized navigation bar. You need to access that specific menu list.

  • Inputs:
    • Code: UserNavigationMenu
    • Vertical list UI element: UserMenu
  • Result: The "UserNavigationMenu" vertical list UI element is located and stored in a variable called UserMenu. This allows you to manipulate the order or visibility of menu items for the current user.