Ask AI
Skip to main content

Remove ui element from a vertical list

Function: Remove UI Element from a Vertical List​

This action allows you to remove a specific UI element from a designated Vertical List on your application page. It's useful for dynamically adjusting the content of your lists, such as removing items that are no longer relevant or have been completed.

Input​

  • List UI Element: Specify the target Vertical List from which you want to remove a UI element. This is the container on your page where the element currently resides.
  • Code: Enter the unique identifier (code) of the specific UI element you wish to remove from the chosen Vertical List. Each UI element has a unique code assigned to it.

Execution Flow​

Real-Life Examples​

Example 1: Removing a completed task from a To-Do list​

Imagine you have a To-Do list on your dashboard, and when a user marks a task as complete, you want it to disappear from the list.

  • Inputs:
    • List UI Element: My Daily Tasks (This refers to the Vertical List component displaying the tasks.)
    • Code: task_complete_project_report (This is the unique code for the specific task item that was just completed.)
  • Result: The task item "Complete Project Report" is instantly removed from the My Daily Tasks list on the user's dashboard.

Example 2: Dynamically updating a product display​

Consider an e-commerce application where a "Flash Sale Items" list needs to be updated in real-time as items sell out or promotions end.

  • Inputs:
    • List UI Element: Flash Sale Items (This is the Vertical List component showcasing products on sale.)
    • Code: product_id_XYZ_sold_out (The unique code for a product that has just sold out.)
  • Result: The product display for the item with code product_id_XYZ_sold_out is removed from the Flash Sale Items list, ensuring customers only see available products.

Example 3: Cleaning up a user's notification feed​

In a social media or communication app, users often have a notification feed. Once a user has viewed or dismissed a notification, you might want to remove it from the active feed.

  • Inputs:
    • List UI Element: User Notification Feed (The Vertical List component displaying all current notifications.)
    • Code: notification_alert_new_message_123 (The unique code for a specific notification that the user has acknowledged.)
  • Result: The notification notification_alert_new_message_123 is removed from the User Notification Feed, keeping the feed clean and showing only unread or active alerts.