Calc Builder

CalcBuider Quick Guide

With this link you can download the quick guide of CalcBuilder extension.    Quick guide   This guide will give you an overview of the main functions, please check further... Continue reading

First steps: Installation

First of all you must install package. It will install component, modules and plugin. Troubleshooting: Failed to load this file in server This new version of the extension contains a heavy... Continue reading

First steps:Simple Calculator

In order to build a calculator, you need to follow these simple steps: - Configure your input fields - Create your input form - Write down your calculations - Create your output/result section -... Continue reading

First steps: Field types

For our first example we have used the most common field type to be handled in a calculator, the numeric type. But you can include several other types at your input form as well. These are all field... Continue reading

Building a tabbed form

The module loads by default a library used to create tabs in an easy way. To create a form with several tabs user can navigate, you only have to configure a custom layout using a naming convention to... Continue reading

Preferences, export and email options (+ Mailchimp integration)

You can configure the following parameters for each of your calculators: Hide calculate button: enable this option to hide the default calculate button. Each time an input field is changed, the... Continue reading

Statistics

At statistics section you will find different charts created with data used at the calculators on your site. You will find the number of requests your calculators are receiving, the distribution... Continue reading

Matrix

Sometimes you may need to store some auxiliary data that you need to use at your code section. You can store data in form of tables (matrix) that you can recover at any point of your calculation. In... Continue reading

Sections

A section is a part of the form that we want the user to add several times with the same structure. Each section contains its own layout and set of fields included. To configure a new section go... Continue reading

Using scripts

If you need to include any kind of script at your form, to perform dynamic actions, you can enter your script at javascript events tab. There you can place any javascript code needed, with different... Continue reading

Calcbuilder extended: How to build your calculator from Excel

If you already have an excel with all your formulas of your calculator and you need to convert it to a working form on your site, you can use the excel mapping function of CalcBuilder extended... Continue reading

Code tip: Add custom validation to form fields

Simple validations (required fields, max and min values for a numeric input..) can be configured at your input field properties, the form will add the needed validation functions and messages. You... Continue reading

Calcbuilder extended: HikaShop integration

In order to link the results of your calculator with hika shop cart you only need to add some extra lines at the end of your calculator code: //Modify these parameters according to your product... Continue reading

Calcbuilder extended: Virtuemart integration

If you want to use your calculator results to calculate prices and/or quantities of your VirtueMart products before adding them to the cart, you need to configure the VirtueMart options tab. · Use... Continue reading

Video Tutorials

This is a set of video tutorials showing how to build calculators using Calcbuilder and Calcbuilder extended. Build a calculator from excel-(CB extended) First... Continue reading

Calcbuilder extended: Price/qty calculator integrated in Hikashop product/use of CBPlugin

We are going to configure Calcbuilder extended to work inside a Hikashop product page. The input form for this case will be the one built with Hikashop custom fields, the calculator will use these... Continue reading

Calcbuilder extended:calculator integrated in Hikashop product:using and saving product parameters

Following with our last post which showed how to integrate a calculator inside a Hikashop product page using the CB Price Calculator plugin, this tutorial will explain how you can access to the... Continue reading

Working with sections: inputs and inline results

We're going to work with sections, which is a feature that allows users to add 'rows' of inputs/outputs dynamically to your form, we'll explain how to get the inputs from inside these sections so you... Continue reading

Calcbuilder extended + Virtuemart integration:calculator inside product page/use of CBforVM plugin

You can use your calculators to configure complex calculations for price depending on your product custom fields. We'll build an example of one product with two comboboxes, the combination of the... Continue reading

Code tip: Adding a google address field

With this code tip we'll show you how to transform a default text input field into a google helper field that will search valid addresses and show options while users are typing, as if they were... Continue reading

Code tip: Adding a google reCAPTCHA to your form

The calcbuilder form already includes an invisible spam filter to avoid robots from sending your calculator forms, but if you want to increase security you may want to add a google reCAPTCHA field.... Continue reading

Code tip: accesing Joomla user data

Sometimes our calculators are only available for logged in users. It's a good idea to show at the calculator form or results some data that we have already available, instead of asking again user... Continue reading

Code tip: Working with dates, sum 30 days, 10 working days ...

When you build quote calculators you may need to show automatically some dates relative to the date the calculator is executed. We'll learn how to use the JFactory Date class in order to get... Continue reading

Code tip: Change datepicker translation for your calendar fields.

Calcbuidler uses the JQuery datepicker to attach calendar to your date fields. This datepicker shows by default in English, but you can easily change the texts adding your own translation. As... Continue reading

Our clients' feedback