How to Add and Set Up the Matrix Calculator Widget on Your Form

April 3, 2026

The Matrix Calculator widget is a great way to perform calculations based on multiple inputs arranged in rows and columns. It’s a good way to add some powerful number-crunching to your form without making things complicated for your users. Whether you’re collecting scores, measuring data, or computing totals, this widget helps you handle complex calculations behind the scenes while keeping your form clean and easy to use.

Here are a few ways to use it:

  • Do Complex Calculations Behind the Scenes If your form needs to crunch numbers, especially when multiple values depend on each other—the Matrix Calculator can handle all the heavy lifting. You can set up formulas once, and the widget automatically computes totals, results, or scores for you.
  • Create Advanced Scoring Systems Whether you’re building an assessment, evaluation form, or personality quiz, you can assign different weights to answers and let the widget calculate a final score. It keeps everything accurate, consistent, and completely automated.
  • Simplify Financial or Cost Calculations For forms used in budgeting, invoicing, or quoting, the Matrix Calculator helps compute totals based on user inputs. Items, quantities, fees, and discounts can all feed into the formula — saving you manual work and ensuring the math is always right.
  • Model Decision Logic or Weighted Choices —If your form includes choices that carry different point values or importance levels, the widget can compute outcomes using a matrix-style calculation. This lets you build more advanced logic without needing custom code.

Adding and Setting Up the Matrix Calculator Widget

Adding the Matrix Calculator widget to your form gives you a powerful way to perform automatic calculations based on values entered into a matrix field. Setting it up takes no time at all—here’s how:

  1. In Form Builder, click on Add Element on the left side of the page.
Form Builder interface highlighting the Add Element button on the left panel to add new fields and widgets
  1. Now, in the Form Elements menu, under the Widgets tab, search for Matrix Calculator and then click on it. Or, just drag and drop it to where you want it to be on your form.
Form Elements panel under the Widgets tab showing the Matrix Calculator widget being searched and added to a form
  1. Next, in the Widget Settings menu that opens on the right side of the page, set up Color Scheme options to customize the colors of your matrix, so your calculator not only works well but also looks great. 
  2. Once you’re done, click on Update.
Matrix Calculator widget settings panel showing the Color Scheme option for customizing the calculator’s appearance

That’s it. You’ve successfully added and set up the Matrix Calculator widget on your form. Now you can automatically compute totals and scores based on your matrix entries, making complex calculations faster, cleaner, and completely hassle-free. Curious how it works on a live form? Check out this Demo Form.

Configured Matrix Calculator widget in a form showing computed totals and scores for matrix fields

To further customize your Matrix Calculator field appearance, just click on the Gear icon to open its properties.

Note

For advanced styling, you can add your own custom CSS under the Custom CSS tab in the widget settings and style the Matrix Calculator field. Our guide on How to Inject CSS Codes to Widgets walks you through everything.

Pro Tips

  • Clear row and column labels help users understand exactly what they’re evaluating or selecting. Avoid overly long or complex titles—brevity is your friend.
  • The widget calculates totals automatically. Make sure the total row or column is easy to spot, so users can quickly see results.

Send Comment:

Jotform Avatar
This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Podo Comment Be the first to comment.
Still have unanswered questions?

We’re here for you 24/7, anytime you need us day or night. Have a question or need a hand with something? Our team is always ready to help out.