Whether you’re performing simple calculations like adding two inputs together or complex operations like calculating the number of business days between two dates (excluding weekends and holidays), the Computed Component helps you derive and use new information based on data entered in your form.
When should I use a Computed Component?
The Computed Component is ideal for any situation where you need to calculate, format, or derive additional data from user inputs.
Here are some common use cases:
Use Computed fields to show users the result of a calculation in real-time.
For example, if a form asks for item prices and quantities, you can use a Computed field to calculate and display the total cost automatically as the user fills out the form.Hide the Computed Component and use its result in the background to help determine workflow routing.
For instance, if a form submission needs to be directed to a particular principal based upon the school selected, you can write a formula to determine this behind the scenes and use it to route the submission as needed.
Features & Configuration
Adding a Computed Component is simple. Select the Computed option from the component library and drag it onto the form.
After placing the component, you can customize its properties in the right-hand panel:
Properties
This text appears above the Computed field and should explain to the user what the field is calculating, if it is visible.
Adjust the width of the component (1-12 columns) based on your form layout.
Logic
Control when this component shows or hides based on other inputs.
Use simply "false" in the Formula Logic to keep this Computed component hidden at all times. Great for those behind-the-scenes-only cases.
Use the Formula Logic button in the Properties panel to enter an expression that runs the computation. Formulas can be as simple as adding two numbers or as complex as referencing datasets or performing multi-step operations.
Droplet AI is a major, major help here. Lean on it!
Details
Provide text that displays in the field until the formula runs and returns a result (if the field is visible).
Add helpful guidance or context to explain the calculation or formula, appearing under the component.
A tooltip will appear when users hover over the question mark icon next to the component, offering additional details about the calculation.
Set a more descriptive internal name for the component to make it easier to identify in your data exports.
Each Droplet component has a unique ID that can be referenced in formulas, workflows, or visibility settings. Edit the default ID to make it more meaningful and easy to reference in your formulas or calculations.
Was this article helpful?
That’s Great!
Thank you for your feedback
Sorry! We couldn't be helpful
Thank you for your feedback
Feedback sent
We appreciate your effort and will try to fix the article