How to implement a Field Decorator that opens a Modal to select and set a record value in UI Builder

ayanshnamde
Tera Contributor

I am working on a requirement in UI Builder and looking for the best way to implement a specific interaction.

Requirement:

  1. I have a form with a field (Type: Number or String).

  2. I need to add a Field Decorator (icon) next to this field.

  3. When a user clicks this decorator, a Modal should open.

  4. Inside that Modal, a List of Records should be displayed.

  5. When a user clicks/selects a specific record from that list, the Modal should close, and that Record Number should automatically populate back into the original field on the form.

Questions:

  • Is this achievable using standard UI Builder components and events?

  • What is the best way to pass the selected value from the Modal back to the main form field?

  • Could someone guide me on the high-level steps (Events, Client Scripts, or Data Resources) needed to link the Modal selection to the field value?

I would appreciate any examples or documentation links related to this logic.

Thanks in advance!

0 REPLIES 0