Display a calculated value from a formula — the primary output widget for calculators. Required for showing formula results to visitors.
In the builder: Elements → Results Widgets → Result
Widget Settings
Variable
| UI field | Description |
|---|---|
| Name | Variable name (required), e.g. monthly_payment, total_cost. |
| Value | Formula (starts with =). Click Formula Editor to build it. |
Field Option
| UI field | Description |
|---|---|
| Label | Caption above or beside the result. |
| Format | Display format: number, percent, currency ($, €, ¥, £, zł), date formats. |
| Decimal Places | Precision for numeric results. |
| Prefix / Suffix | Text or unit around the value. |
Design presets
Quick presets include Inline Result, Small Tile, and Large Tile for KPI-style displays.
Visibility
Expand Visibility to show or hide the widget based on an active View Mode or a formula. See Show and Hide Fields with Conditional Logic.
| UI field | Description |
|---|---|
| Show | Always or Conditionally |
| Active mode is | Name of the View Mode that must be active for this widget to appear (when Show is Conditionally). |
| Formula result is positive | Optional formula; evaluated on Calculate |
Design
Expand Design to style individual parts of the widget. Prefer project themes for a consistent look; per-widget styling is optional.
| Part | What it represents |
|---|---|
| Label | Caption for the result. |
| Control Area | Region around the value. |
| Result Value | The displayed calculated value (.cp-value). |
Custom CSS — useful selectors and classes:
| Selector / class | Targets |
|---|---|
#cp-{ID} |
Entire widget (ID from the Element panel header). |
| Custom CSS Classes | Classes you add in Design; applied to the outer widget container. |
.result-widget |
Result widget container. |
.cp-value |
Displayed value span. |
Using formulas
Example:
= loanInstallmentAmount(loan_amount, interest_rate/100, term_months)
See Understanding Formulas and Variables.
Result vs Number
| Result | Number | |
|---|---|---|
| Value source | Formula (computed) | User input |
| Editable | Read-only display | Visitor types value |
| Best for | Outputs, totals | Inputs |
Use Result for every calculated output visitors should see.