Easy Calc

This component enables you to create any online calculator your visitors needs.


Insert your email address. Download link will be sent to this email address.

joomla 2.5

This Joomla! 2.5 extension consists of a component and a modules. In the component, you define particular calculators which can be then displayed as menu items or in modules. You can calculate anything: installments, personal finance, mortgage, bmi, etc. It will make your website more interactive for your visitors.

For a Joomla! 3 version, go to

The calculators are defined by a formula and variables (fields).

In the package you will also get EasyCalc Meter module which can display variable values from the calculator in a nice "speedometer" view. Check the demo and you'll see it. There is also an alternative - EasyCalc Progress Bar module which can display for example optimal value of the calculator.

Variables can be of different types - radio button, slider, number input. Number of variables is infinite. As for the radio button - each option has a coefficient, as for the slider - you define unit, scope and step. 

Calculation results

Users can send their calculation results to email address. When a user do so, results can be sent also to admin email and will be stored to the database. At administration can be viewed in the table or exported to CSV. Exports can be periodically sent to predefined email addresses.

Calculator Example

This Joomla calculator calculates monthly installments of loan for realty. Users define location of the realty (radio button - each location has different coefficient), price of realty and number of years to pay the load. The final installment is calculated on the basis on the interest rate.

Calculator live example - Czech

Calculator live example - Russian


Version Version created Version description
1.2.1 2014-07-30 11:56:47
1.2.0 2014-04-14 09:24:50
1.1.9 2014-04-04 12:39:48
1.1.8 2014-02-06 10:38:13
1.1.7 2014-02-06 10:31:47
1.1.6 2014-01-30 11:50:51
1.1.5 2014-01-30 11:44:44
1.1.4 2014-01-29 07:25:00
1.1.3 2014-01-03 14:32:13
1.1.2 2014-01-03 14:27:28
1.1.1 2013-12-11 15:47:02
1.1.0 2013-11-22 13:53:53
1.0.9 2013-11-20 16:00:55
1.0.8 2013-11-20 10:04:15
1.0.7 2013-11-19 15:38:12
1.0.6 2013-11-19 15:34:34
1.0.5 2013-11-19 15:32:05
1.0.4 2013-11-19 15:31:56
1.0.3 2013-11-19 15:31:03
1.0.2 2013-11-19 15:29:09
1.0.1 2013-11-18 13:53:45
1.0.0 2013-07-09 11:58:54

EasyCalc is a component and a module for Joomla! 2.5. With EasyCalc you can create nice and powerful calculators like the one on our demo website. Take a look.

The administration of the EasyCalc is powered by jQuery UI, so creating new sliders or other elements of your calculator is fast and enjoyable.

You can create as many calculators as you wish and with the module, you can display them all on one site.

EasyCalc Lite vs EasyCalc

FeatureEasyCalc LiteEasyCalc
Slider Yes Yes
Number field Yes Yes
Text field Yes Yes
Condition field Yes Yes
Predefined CSS files No Yes
Footer link can be switched off No Yes
EasyCalc module No Yes
Meter module for EasyCalc No Yes
Progress Bar module No Yes
Ruler for slider No Yes
Send results to email No Yes
Store results to database No Yes
Rresult CSV export No Yes
  Download Buy

Sending and storing results

Since version 1.2.0, EasyCalc can let your users to send results they've calculated to their email address. You can also configure that these results will be sent to other email addresses. Plus, results which your users send like this will be stored to the database and you can see them at administration.


Exporting results

Results can be exported to CSV file from the administration. There is also feature which can send periodically (once a month, twice a year, ...) to email addresses defined for each calculator separately. If you want to do so, configure it at EasyCalc's global configuration and then set up CRON to trigger this URL:


Replace info in curly brackets for yours. If you do not specify {calculator_id}, it will send emails with results for all calculators. Set up CRON to trigger the URL in the same period as you configure it at the component.

Setting Up the Calculator

After clicking on the well-known Joomla "New" button to add a new calculator, you'll see the panel in the picture. There you enter the calculator title. The next input field is the main formula. You can enter any JavaScript function you need. There is also a link to a list of available Math functions and an example. Then there is a wel-known Un/Publish option. With the select box "Add new field" you can select which field you want to add to this calculator. After you select some option, a new box will show up and you can define it. The list of available fields is below.


In the next Parameter you create the Result label. In the picture, you can see that the Result Label is "Měsíční splátka:" (Monthly Payment) and "Kč" (CZK - Czech Crown). It is set as the Result Unit. The result itself will be located between these two fields and will be changing during the calculation.


Available EasyCalc Inputs

All inputs always have these fields:

  • Label ... the name which will be displayed in the front-end calculator.
  • Alias ... the name of the input which is used in the formulas. It must be ASCII chars without spaces and can't start with a number.
  • Value ... the default value after the calculator is loaded.
  • Unit ... the text that will be displayed at the end of the input. Usually currency.


A slider is a typical input which you probably know from your desktop applications. Unfortunately, it is not supported by HTML yet. On the other hand, it is a very valuable input in the calculator so we used the slider from jQuery UI. In the picture you can see the slider parameters. It is necessary to set the Max and Min values that a user can select. Then there is a Step field which allows you to define how precisely can the values be set during sliding. You can use the Scale JavaScript formula if you do not want a linear slider. Another great thing is the Ruler step field. EasyCalc will create a ruler above the slider and you can define how many values should be displayed. The gaps between these values will be calculated automatically.


Radio Select

Radio select is another great input. You see you can define there as many radio buttons as you like. Each can have different label and different value.



Number is meant for numeric inputs. In modern browsers which support HTML5, they will allow to insert only numbers. Google Chrome also adds Up and Down buttons behind the input field so users can control the number just by clicking on these buttons. When using mobile devices with software keyboards, the numeric keyboard will show up immediately so it is more user friendly. Use this input if you can. In the picture, you can notice that there is an intermediate calculation formula so the value can be calculated from other inputs as well.



Text input is a typical input you know from every form. In our example it is used to display a constant decimal number. There is also Read Only select option where you can select Yes (normal input), No (input which can't be changed by a user), Span (text will be wrapped by a span and it will look like a normal text).



JavaScript textarea field is visible only at administration. If you are familiar with JavaScritp (jQuery), you'll be able to do literaly anything you need. There are no boundaries. You can adjust calculator's behavior to your need. The code you'll insert at administration will run at frontend obviously.


Condition input was designed to put some table data into the calculation. The table data must be retyped to the system of conditions. An example of conditions is shown below.

var pc;
if(v [bggr]= 0 && v [smllr] 100000 && c [bggr]= 0 && c [smllr] 14) {pc = 0.55;}
else if(v [bggr]= 0 && v [smllr] 100000 && c [bggr]= 14 && c [smllr] 30) {pc = 1.45;}
else if(v [bggr]= 0 && v [smllr] 100000 && c [bggr]= 30 && c [smllr] 91.25) {pc = 2.85;}
else if(v [bggr]= 0 && v [smllr] 100000 && c [bggr]= 91.25 && c [smllr] 182.5) {pc = 4.45;}
else if(v [bggr]= 0 && v [smllr] 100000 && c [bggr]= 182.5 && c [smllr] 273.75) {pc = 5.85;}
else if(v [bggr]= 0 && v [smllr] 100000 && c [bggr]= 273.75 && c [smllr] 365) {pc = 6.05;}
else if(v [bggr]= 0 && v [smllr] 100000 && c [bggr]= 365) {pc = 7.15;}
else{pc = 0.1;}
return pc;



EasyCalc support different CSS themes. CSS themes are stored in /components/com_easycalc/assets/css. When you look at this folder, you'll see easycalc.css, shadow.css and yelowblue.css. The first one is the default CSS file which loads every time. The rest of them are themes which can be selected in the calculator configuration.


If you need some theme changes, it is recommended that you copy one of the predefined CSS styles and rename the file. You'll see your style automatically at the calculator's configuration so you can select it and change CSS as you need.





This product is a Joomla package. Joomla package is installable as any Joomla extension. Package will install all following extensions at once.

Extension Description Type Version
Easy Update Adapter This adapter allows to update extensions from file 1.0.2
EasyCalc Component Component for creating calculators. component 1.2.3
EasyCalc Module Module displays calculators from EasyCalc component. module 1.0.2
EasyCalc Progress Bar Progress bar module for EasyCalc component module 1.0.2
Meter module for EasyCalc Module displays "tachometer" for some value from any EasyCalc's calculator. module 1.0.4
comments powered by Disqus

Additional information

For our products there is:

  • no warranty!
  • no support!
  • it is as it is
  • use it on your own risk!