Show calculators side by side

Use the multi-calculator widget to show up to four calculators side by side on one page, handy for comparing scenarios (for example, the same wages at different pay frequencies).

Add the multi-calculator

Use the multi.js script and set how many calculators and which type:

<script async src="https://calculators.symmetry.com/widget/js/multi.js?key=yourKey"
    data-calculator="hourly" data-count="3"></script>

Attributes

Attribute	Description	Default
`data-calculator`	The calculator type to display. Accepts any calculator type.	`salary`
`data-count`	Number of calculators to display (1–4). Values above four or non-numbers fall back to the default.	`2`
`data-defaults`	Prefills fields, exactly as with a single widget. See Configuration methods.	None

Copy inputs across calculators

The multi-calculator includes a copy button that takes the inputs from the leftmost (first) calculator and applies them to the others, so you can set shared inputs once and vary just one field per column.

Give the container enough width for the number of calculators you show; each still follows the responsive rules in Make a widget responsive.

​Add the multi-calculator

​Attributes

​Copy inputs across calculators

Add the multi-calculator

Attributes

Copy inputs across calculators