Ask AI
Skip to main content

Set title on title ui element

Function: Set title on title UI element​

This action allows you to dynamically change the text displayed in a specific "Title" user interface (UI) element on your application's page. It's useful for updating headings, section titles, or any text displayed using a Title UI element based on user interactions, data changes, or other events.

Input​

  • UI element: This is the specific "Title" component on your page that you want to update. You must select a UI element that is designed to display a title.
  • Value: This is the new text you want to display as the title. For example, "Welcome to My Dashboard" or "Product Details".

Output​

This action does not produce any direct output that you can use in subsequent steps. Instead, it directly updates the selected "Title" UI element on your page.

Execution Flow​

Real-Life Examples​

Here are some practical ways you can use the "Set title on title UI element" action:

Example 1: Dynamic Page Title Based on User Selection​

Imagine you have a dashboard where users can select different departments. You want the main page title to reflect the currently selected department.

  • Inputs:
    • UI element: Select the "Page Title" UI element on your dashboard.
    • Value: Connect this to the output of a dropdown or data field that holds the currently selected department name (e.g., "Sales Department Overview").
  • Result: When a user selects "Marketing" from a dropdown, the page title UI element instantly changes from "Dashboard" to "Marketing Department Overview".

Example 2: Updating a Section Heading After Data Load​

You have a section on your page that displays customer details. After a customer record is loaded, you want the section heading to show the customer's name.

  • Inputs:
    • UI element: Select the "Customer Details Heading" UI element.
    • Value: Connect this to the "Customer Name" field from the loaded customer data record (e.g., "John Doe's Profile").
  • Result: Once the customer data for "Jane Smith" is loaded, the section heading automatically updates to "Jane Smith's Profile".

Example 3: Resetting a Title After Form Submission​

You have a form with a title like "New Order Form". After the user successfully submits the form, you want to change the title to indicate success or readiness for a new entry.

  • Inputs:
    • UI element: Select the "Order Form Title" UI element.
    • Value: Type in a static text like "Order Submitted Successfully!" or "Ready for New Order".
  • Result: After the user clicks "Submit" and the order is processed, the form's title changes to "Order Submitted Successfully!".