Use case: Generate a data binding and formula
Summarize
Summary of Use case: Generate a data binding and formula
This feature enables developers to automate data binding configuration in ServiceNow UI Builder by converting plain language descriptions into correct formula syntax. It is particularly useful for developers unfamiliar with UI Builder’s formula language, helping them create dynamic UI components without writing or memorizing code.
Show less
Key Features
- Natural Language Input: Developers describe the desired logic or data binding in everyday language within the Formula Builder.
- Automated Formula Generation: Now Assist interprets the plain language prompt and generates the appropriate formula or data binding expression automatically.
- Streamlined Workflow: Developers can review, accept, edit if needed, and apply the generated formulas directly to component properties without manual coding.
How It Works in Practice
For example, a healthcare developer creating a patient intake portal needs a dynamic label that changes text based on the page layout ("bare" or standard) and a count of active intake requests for the day. Instead of writing formulas like IF(@context.props.bare,"Simplified View","Standard View") or LEN([@data.activeIntakeRequests]) manually, they input natural language prompts such as:
- If the page is bare, show ‘Simplified View’; otherwise, show ‘Standard View’
- Enter how many active intake requests are there today?
Now Assist generates the correct syntax for these bindings, which the developer then applies to the UI components.
Prerequisites
- UI Generation must be installed.
- User must have the
uibuilderadminrole.
Configuration Steps
- Navigate to All > Now Experience Framework > UI Builder and open the relevant experience (e.g., patient intake).
- Open the page variant in the Page Editor and select the target component (e.g., label).
- Open the Data binding popover and select Get started.
- Enter a plain language prompt describing the condition or data needed.
- Select the generate arrow to create the formula binding.
- Review, accept, edit if necessary, and apply the formula.
- Preview and test the page to verify the bindings render correctly.
Benefits for ServiceNow Customers
- Speeds up UI development by removing the need to memorize or look up formula syntax.
- Reduces errors caused by incorrect formula writing.
- Allows developers to focus on user experience design rather than technical formula details.
- Supports dynamic and context-aware UI behaviors with minimal effort.
Automate data binding configuration without memorizing formula syntax.
Scenario
A developer at a healthcare organization is creating a self-service patient intake portal using UI Builder. The portal features a form that shows dynamic labels based on whether the user is viewing a standard page or a simplified "bare" page layout. The developer needs to configure a label component that changes its text accordingly. Additionally, the developer wants to display the total number of active intake requests submitted that day.
Problem
The developer is not familiar with UI Builder’s formula syntax. Writing expressions like IF(@context.props.bare,"bare page","not bare page") or LEN([list]) requires memorizing the exact syntax, which slows down development and increases the risk of errors. Every time the developer encounters a new binding requirement, they have to look up documentation or ask a colleague.
Solution
With Data binding generation, the developer describes what they need in plain language directly in the Formula Builder. Now Assist converts the natural language input into the correct formula or data binding syntax automatically. The developer reviews the generated syntax, accepts it, and applies it to the component property in one streamlined flow — without writing a single line of formula code manually.
Before you begin
Make sure that you install UI generation and that you have the ui_builder_admin role. For more information, see Install UI generation and Grant UI Builder admin role.
Configuration steps
- Navigate to .
- Navigate to the patient intake experience.
- Open the page variant in the Page Editor.
- Select the label component and open the Data binding popover.
- Select Get started.
- Enter the prompt: If the page is bare, show ‘Simplified View’; otherwise, show ‘Standard View’.Tip:Refer to the examples in the Data Binding popover to understand which types of natural language prompts are most effective. Prompts that clearly describe the condition and possible outcomes typically yield the most accurate results.
- Select the arrow to generate the binding.
Now Assist generates:
IF(@context.props.bare,"Simplified View","Standard View"). - Review the syntax, select Accept and Edit, then select Apply.
- Enter a prompt to request count label: Enter how many active intake requests are there today?
Now Assist generates:
LEN([@data.activeIntakeRequests]). - Preview and test the page to confirm both bindings render correctly.
Outcome
The developer sets up a dynamic binding quickly, without referring to the documentation. This eliminates syntax errors, enabling the developer to focus on experience design rather than writing formulas.