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" UI element on your application's pages. This is useful for updating headings, section titles, or any text that serves as a title, based on user interactions, data, or other logic within your application.

Input​

  • UI element
    • Description: The specific Title UI element on your page whose title you want to change.
    • Type: UI element (specifically a Title element)
    • Required: Yes
  • Value
    • Description: The new text you want to set as the title for the selected UI element.
    • Type: Text
    • Required: Yes

Output​

This action directly updates the specified UI element on your application's page. It does not produce any separate output values.

Execution Flow​

Real-Life Examples​

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

  1. Dynamically Update a Page Header:

    • Scenario: You have a "Product Details" page, and you want the main header to display the name of the product currently being viewed.
    • Inputs:
      • UI element: Select the "Page Header" element on your "Product Details" page.
      • Value: A variable containing the product name, e.g., [Product_Name_from_Database].
    • Result: When a user navigates to a product's details, the "Page Header" automatically updates to show the name of that specific product (e.g., "Product: Super Widget Pro").

  2. Change a Section Title Based on User Selection:

    • Scenario: On a form, you have a section for "Contact Information." If the user selects "Company" as the contact type, you want the section title to change to "Company Contact Details." If they select "Individual," it should be "Individual Contact Details."
    • Inputs:
      • UI element: Select the "Contact Section Title" element.
      • Value: Use a conditional expression, e.g., IF\([Contact_Type_Dropdown] == "Company", "Company Contact Details", "Individual Contact Details"\).
    • Result: The "Contact Section Title" dynamically changes based on the user's selection in the "Contact Type" dropdown, providing a more relevant heading.

  3. Clear a Title After an Action:

    • Scenario: You have a temporary "Status Message" title that appears after a user submits a form. Once the user acknowledges the message, you want to clear the title.
    • Inputs:
      • UI element: Select the "Status Message Title" element.
      • Value: An empty text string, "".
    • Result: The "Status Message Title" element becomes blank, effectively hiding the temporary title after the user has seen it.