---
title: "How to: Combine Calculators and Decisions Components"
slug: "combining-calculators-and-decisions"
description: "Learn to configure complex logic for mortgage prequalification using Calculator and Decisions components, scoring answers to assess eligibility."
updated: 2026-02-03T15:34:47Z
published: 2026-02-03T15:48:58Z
canonical: "docs.unqork.io/combining-calculators-and-decisions"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.unqork.io/llms.txt
> Use this file to discover all available pages before exploring further.

# How to: Combine Calculators and Decisions Components

**UDesigner**

This how-to guide provides an example of how to use the **Calculator and Decisions components** to create more complex logic-based configurations. You'll focus on assigning a point value for each possible answer to a question. Then, you'll use a [Calculator](/v1/docs/calculator-component) component to calculate the total points value and create a score. And then you'll use a [Decisions](/v1/docs/decisions-component) component to set up outcomes based on that score.

## Configuration

In this guide, you'll assess if your end-user prequalifies for a mortgage.

### Configure the Radio Buttons Components

Begin by setting up some questions for your end-user to answer. You'll add four questions, each with **Yes** or **No** answers. You'll assign each answer a point value of `0` or `1`. Your end-users’ answers create a total score to decide if they prequalify.

1. In the Module Builder, drag and drop four **Radio Buttons** components onto your canvas, placing them one below the other.
2. In the **Property ID** and **Label Text** fields, enter the following:

| # | Property ID | Label Text |
| --- | --- | --- |
| 1 | creditScore | Do you have a credit score of at least 700? |
| 2 | downPayment | Will you put down at least 20% of the purchase price as your down payment? |
| 3 | lateFees | Have you incurred any late payment fees in the last 12 months? |
| 4 | bankruptcy | Have you ever declared bankruptcy? |
3. In the `creditScore` and `downPayment` **Radio Buttons** components, complete the **Values** table as follows:

| Label | Value |
| --- | --- |
| Yes | 1 |
| No | 0 |
4. In the `lateFees` and `bankruptcy` **Radio Buttons** components, complete the **Values** table as follows:

| Label | Value |
| --- | --- |
| Yes | 0 |
| No | 1 |
5. Click **Save Component** for each component as you add it.

### Configure the Hidden Component

Next, configure a [Hidden](/v1/docs/hidden-component) component to store the combined point values of your questions.

1. Drag and drop a **Hidden** component onto your canvas, placing it below the Radio Buttons components.
2. In the **Property ID** and **Label Text** fields, enter `sumScore`.
3. Click **Save Component**.

### Configure the Calculator Component

Next, configure the [Calculator](/v1/docs/calculator-component) component with your [Radio Buttons](/v1/docs/radio-buttons-component) component as your inputs. Use the `Excel SUM` function to add point values for each answer and assign aliases as inputs for the `SUM` formula.

1. Drag and drop a **Calculator** component onto your canvas, placing it above your `sumScore` **Hidden** component.
2. In the **Property ID** and **Label Text** fields, enter `calcApproval`.
3. In the **Inputs** table, enter the following:

| Source | Alias | Required |
| --- | --- | --- |
| creditScore | A | ![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/Checked_Box(7).png?sv=2026-02-06&spr=https&st=2026-11-08T10%3A18%3A17Z&se=2026-11-08T11%3A18%3A17Z&sr=c&sp=r&sig=OoIbrPklElGUh6EJjAlTNH%2FDQqZmJApUrQOpnLabBig%3D) (checked) |
| downPayment | B | ![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/Checked_Box(7).png?sv=2026-02-06&spr=https&st=2026-11-08T10%3A18%3A17Z&se=2026-11-08T11%3A18%3A17Z&sr=c&sp=r&sig=OoIbrPklElGUh6EJjAlTNH%2FDQqZmJApUrQOpnLabBig%3D) (checked) |
| lateFees | C | ![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/Checked_Box(7).png?sv=2026-02-06&spr=https&st=2026-11-08T10%3A18%3A17Z&se=2026-11-08T11%3A18%3A17Z&sr=c&sp=r&sig=OoIbrPklElGUh6EJjAlTNH%2FDQqZmJApUrQOpnLabBig%3D) (checked) |
| bankruptcy | D | ![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/Checked_Box(7).png?sv=2026-02-06&spr=https&st=2026-11-08T10%3A18%3A17Z&se=2026-11-08T11%3A18%3A17Z&sr=c&sp=r&sig=OoIbrPklElGUh6EJjAlTNH%2FDQqZmJApUrQOpnLabBig%3D) (checked) |
4. In the **Outputs** table, enter the following:

| Source | Formula |
| --- | --- |
| sumScore | =SUM(A,B,C,D) |

![A static image displaying the Calculator interface showing inputs and outputs for credit score evaluation.](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/UD_Calc.jpg?sv=2026-02-06&spr=https&st=2026-11-08T10%3A18%3A17Z&se=2026-11-08T11%3A18%3A17Z&sr=c&sp=r&sig=OoIbrPklElGUh6EJjAlTNH%2FDQqZmJApUrQOpnLabBig%3D)
5. Click **Save Component**.

### Configure the Text Field Component

Next, configure a [Text Field](/v1/docs/text-field-component) component to display the message if the end-user has qualified.

1. Drag and drop a **Text Field** component onto your canvas, placing it below the `calcApproval` **Calculator** component.
2. In the **Property ID** field, enter `qualified`.
3. In the **Label Text** field, enter `Are you pre-qualified?`.
4. From the **Input Behavior** drop-down, select the **Disable User Input**. This option makes the Text Field component non-editable for the end-users.
5. Click **Save Component**.

### Configure the Decisions Component

Lastly, configure a [Decisions](/v1/docs/decisions-component) component to create your score-based outcomes. If your end-user's combined score is between `0` and `2`, they do not meet the criteria to prequalify. If their combined score is between `3` and `4`, they do.

1. Drag and drop a **Decisions** component onto your canvas, placing it above the `Are you pre-qualified?` **Text Field** component.
2. In the **Property ID** field, enter `ruleApproval`.
3. In the **Canvas Label Text** field, enter `Approval Decision`.
4. In the **Inputs** table, set the following:

| # | Source | Type | Required |
| --- | --- | --- | --- |
| 1 | sunScore | range | Yes (checked) |
5. In the **Outputs** table, set the following:

| # | Source | Type |
| --- | --- | --- |
| 1 | qualified | value |
6. In the **Conditionals** table, enter the following:

| # | sumScore_min | sumScore_max | qualified_value |
| --- | --- | --- | --- |
| 1 | 3 | 4 | Congratulations! You pre-qualify. |
| 2 | 0 | 2 | Sorry, but you don't pre-qualify at this time. |

![A static image displaying the Decision-making interface showing input, output, and conditional ranges for approval process.](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/UD_Decision.jpg?sv=2026-02-06&spr=https&st=2026-11-08T10%3A18%3A17Z&se=2026-11-08T11%3A18%3A17Z&sr=c&sp=r&sig=OoIbrPklElGUh6EJjAlTNH%2FDQqZmJApUrQOpnLabBig%3D)
7. Click **Save Component**.
8. **Save** your module.

Here's how the completed example looks in the Module Builder:

![A static image displaying the questionnaire assessing credit score and financial history for loan approval.](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/UD_CALCDESC_MB.jpg?sv=2026-02-06&spr=https&st=2026-11-08T10%3A18%3A17Z&se=2026-11-08T11%3A18%3A17Z&sr=c&sp=r&sig=OoIbrPklElGUh6EJjAlTNH%2FDQqZmJApUrQOpnLabBig%3D)

Preview your module in Express View and select answers to your questions. Based on what you select, you'll either see the approval or rejection message display.

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/AppBuild_CombDecCalc_02_Express.gif?sv=2026-02-06&spr=https&st=2026-11-08T10%3A18%3A17Z&se=2026-11-08T11%3A18%3A17Z&sr=c&sp=r&sig=OoIbrPklElGUh6EJjAlTNH%2FDQqZmJApUrQOpnLabBig%3D)

**Classic Designer**

This how-to guide provides an example of how to use the **Calculator and Decisions components** to create more complex logic-based configurations. You'll focus on assigning a point value for each possible answer to a question. Then, you'll use a [Calculator](/v1/docs/calculator-component) component to calculate the total points value and create a score. And then you'll use a [Decisions](/v1/docs/decisions-component) component to set up outcomes based on that score.

## Configuration

In this guide, you'll assess if your end-user prequalifies for a mortgage.

### Configure the Radio Buttons Components

Begin by setting up some questions for your end-user to answer. You'll add four questions, each with **Yes** or **No** answers. You'll assign each answer a point value of `0` or `1`. Your end-users’ answers create a total score to decide if they prequalify.

1. In the Module Builder, drag and drop four **Radio Buttons** components onto your canvas, placing them one below the other.
2. In the **Property ID** and **Label Text** fields, enter the following:

| # | Property ID | Label Text |
| --- | --- | --- |
| 1 | creditScore | Do you have a credit score of at least 700? |
| 2 | downPayment | Will you put down at least 20% of the purchase price as your down payment? |
| 3 | lateFees | Have you incurred any late payment fees in the last 12 months? |
| 4 | bankruptcy | Have you ever declared bankruptcy? |
3. For the `creditScore` and `downPayment` **Radio Buttons** components, complete the **Values** table as follows:

| Option Label | Value to Store in Submission Data |
| --- | --- |
| Yes | 1 |
| No | 0 |
4. For the `lateFees` and `bankruptcy` **Radio Buttons** components, complete the **Values** table as follows:

| Option Label | Value to Store in Submission Data |
| --- | --- |
| Yes | 0 |
| No | 1 |
5. Click **Save & Close** each component as you add it.

### Configure the Hidden Component

Next, configure a [Hidden](/v1/docs/hidden-component) component to store the combined point values of your questions.

1. Drag and drop a **Hidden** component onto your canvas, placing it below the Radio Buttons components.
2. In the **Property ID** and **Label Text** fields, enter `sumScore`.
3. Click **Save & Close**.

### Configure the Calculator Component

Next, configure the [Calculator](/v1/docs/calculator-component) component with your [Radio Buttons](/v1/docs/radio-buttons-component) component as your inputs. Use the `Excel SUM` function to add point values for each answer and assign aliases as inputs for the `SUM` formula.

1. Drag and drop a **Calculator** component onto your canvas, placing it above your `sumScore` **Hidden** component.
2. In the **Property ID** and **Canvas Label Text** fields, enter `calcApproval`.
3. In the **Inputs** table, enter the following:

| # | Property ID | Alias | Required |
| --- | --- | --- | --- |
| 1 | creditScore | A | ![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/Checked_Box(7).png?sv=2026-02-06&spr=https&st=2026-11-08T10%3A18%3A17Z&se=2026-11-08T11%3A18%3A17Z&sr=c&sp=r&sig=OoIbrPklElGUh6EJjAlTNH%2FDQqZmJApUrQOpnLabBig%3D) (checked) |
| 2 | downPayment | B | ![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/Checked_Box(7).png?sv=2026-02-06&spr=https&st=2026-11-08T10%3A18%3A17Z&se=2026-11-08T11%3A18%3A17Z&sr=c&sp=r&sig=OoIbrPklElGUh6EJjAlTNH%2FDQqZmJApUrQOpnLabBig%3D) (checked) |
| 3 | lateFees | C | ![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/Checked_Box(7).png?sv=2026-02-06&spr=https&st=2026-11-08T10%3A18%3A17Z&se=2026-11-08T11%3A18%3A17Z&sr=c&sp=r&sig=OoIbrPklElGUh6EJjAlTNH%2FDQqZmJApUrQOpnLabBig%3D) (checked) |
| 4 | bankruptcy | D | ![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/Checked_Box(7).png?sv=2026-02-06&spr=https&st=2026-11-08T10%3A18%3A17Z&se=2026-11-08T11%3A18%3A17Z&sr=c&sp=r&sig=OoIbrPklElGUh6EJjAlTNH%2FDQqZmJApUrQOpnLabBig%3D) (checked) |
4. In the **Outputs** table, enter the following:

| # | Property ID | Formula |
| --- | --- | --- |
| 1 | sumScore | =SUM(A,B,C,D) |

![A static image displaying the Calculator interface showing property IDs and formulas for credit score calculations.](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/CD_Calc.jpg?sv=2026-02-06&spr=https&st=2026-11-08T10%3A18%3A17Z&se=2026-11-08T11%3A18%3A17Z&sr=c&sp=r&sig=OoIbrPklElGUh6EJjAlTNH%2FDQqZmJApUrQOpnLabBig%3D)
5. Click **Save & Close**.

### Configure the Text Field Component

Next, configure a [Text Field](/v1/docs/text-field-component) component to display the message if the end-user has qualified.

1. Drag and drop a **Text Field** component onto your canvas, placing it below the `calcApproval` **Calculator** component.
2. In the **Property ID** field, enter `qualified`.
3. In the **Label Text** field, enter `Are you pre-qualified?`.
4. Set **Disable User Input** to ![A toggle switch icon indicating an on state for user interface settings.](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/toggledOn.jpg?sv=2026-02-06&spr=https&st=2026-11-08T10%3A18%3A17Z&se=2026-11-08T11%3A18%3A17Z&sr=c&sp=r&sig=OoIbrPklElGUh6EJjAlTNH%2FDQqZmJApUrQOpnLabBig%3D) (**ON**). This option makes the Text Field component non-editable for the end-users.
5. Click **Save & close**.

### Configure the Decisions Component

Lastly, configure a [Decisions](/v1/docs/decisions-component) component to create your score-based outcomes. If your end-user's combined score is between `0` and `2`, they do not meet the criteria to prequalify. If their combined score is between `3` and `4`, they do.

1. Drag and drop a **Decisions** component onto your canvas, placing it above the `Are you pre-qualified?` **Text Field** component.
2. In the **Property ID** field, enter `ruleApproval`.
3. In the **Canvas Label Text** field, enter `Approval Decision`.
4. In the **Inputs** table, set the following:

| Property ID | Type | Required |
| --- | --- | --- |
| sunScore | range | ![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/Checked_Box(7).png?sv=2026-02-06&spr=https&st=2026-11-08T10%3A18%3A17Z&se=2026-11-08T11%3A18%3A17Z&sr=c&sp=r&sig=OoIbrPklElGUh6EJjAlTNH%2FDQqZmJApUrQOpnLabBig%3D) (checked) |
5. In the **Outputs** table, set the following:

| Property ID | Type |
| --- | --- |
| qualified | value |
6. In the **Micro Decisions** table, enter the following:

| sumScore_min | sumScore_max | qualified_value |
| --- | --- | --- |
| 3 | 4 | Congratulations! You pre-qualify. |
| 0 | 2 | Sorry, but you don't pre-qualify at this time. |

![A static image displaying the Settings for approval decisions with input and output values displayed clearly.](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/CD_Desc.jpg?sv=2026-02-06&spr=https&st=2026-11-08T10%3A18%3A17Z&se=2026-11-08T11%3A18%3A17Z&sr=c&sp=r&sig=OoIbrPklElGUh6EJjAlTNH%2FDQqZmJApUrQOpnLabBig%3D)
7. Click **Save**.
8. **Save** your module.

Here's how the completed example looks in the Module Builder:

![A static image displaying the questionnaire for credit approval with multiple choice questions and decision options.](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/CD_CALCDESC_MB.jpg?sv=2026-02-06&spr=https&st=2026-11-08T10%3A18%3A17Z&se=2026-11-08T11%3A18%3A17Z&sr=c&sp=r&sig=OoIbrPklElGUh6EJjAlTNH%2FDQqZmJApUrQOpnLabBig%3D)

Preview your module in Express View and select answers to your questions. Based on what you select, you'll either see the approval or rejection message display.

![](https://cdn.us.document360.io/15548f06-2fba-434c-b0c1-5df88317dbd7/Images/Documentation/AppBuild_CombDecCalc_02_Express.gif?sv=2026-02-06&spr=https&st=2026-11-08T10%3A18%3A17Z&se=2026-11-08T11%3A18%3A17Z&sr=c&sp=r&sig=OoIbrPklElGUh6EJjAlTNH%2FDQqZmJApUrQOpnLabBig%3D)

End-users, also known as Express Users, are the individuals accessing an application through Express View. In most cases, end-users are the customers using the product.

A Property ID is the unique field ID used by Unqork to track and link components in your module.

Label Text conveys what the input component is and what information it displays. Enter the purpose of the corresponding component or field.

Canvas Label Text indicates the purpose of the corresponding field or component. For non-input components, the Canvas Label Text isn't end-user facing, and only appears in the .

Express View is how your end-user views your application. Express View also lets you preview your applications to test your configuration and view the styling. This is also the view your end-users will see when interacting with your application. After configuring a module, click Preview in the Module Builder to interact with the module in Express View.