Add Status Indicators to Key Titles

The Dynamic Title with Optional Badges element allows you to attach status indicators to your titles, making them more informative and providing at-a-glance context for users. This element is commonly used to add meaningful labels, such as status indicators or data types, next to essential titles like order numbers or names.

Installation

1. Access the Element Studio:

   • In the Individual App Canvas, locate and hover over the modal where you want to add the Dynamic Title with Optional Badges element.

   • Click Access Element Studio.

2. Add the Dynamic Title with Optional Badges:

   • Inside Element Studio, click Add New Block.

   • Use the search bar to find "Dynamic Title with Optional Badges" and click on it to add it to the modal.

Configuring the Dynamic Title with Optional Badges

1. Set the Title:

   • Select the title you want to display. This can be any string, such as an order number, name, or other identifying information relevant to your app’s needs.

2. Select Badges:

   • Choose the type of badge(s) to display next to the title. You can select from the following:

     • Status: Useful for showing the current state (e.g., "Pending," "Completed") of the associated item.

     • Data Type: Displays a specific data type associated with the title, such as "Order Type" (e.g., "Express" or "Standard") or "Payment Method" (e.g., "Credit Card" or "PayPal"). These data types are backend-encoded options that categorize or further define the item being displayed.

With the Dynamic Title with Optional Badges element, you can enhance your app’s titles by adding status and data type labels, allowing users to understand important context at a glance.