CalcBuilder Forum

Hi,
in order to create a calculator like your example page, you will need to follow these steps:

- Create input fields. Create your input texts, option lists and checkbox/radioboxes using the types available.
- Place them at the input form. Using the '1 column layout' button will do it for you.
- Place your calculations at the code section. Here the calculations to be done are very specific for your case, you will need something like:

$myresult= $input1+$input2;

or

$myresult= (($input1*$input2)/$input3+35)*0.15;

...etc

- Configure your output. Print there any content you need to show, along with your calculated results (##myresult##)


We suggest to follow the guide and the videos on this site to have an overview of the options available. You can also download working examples from your customer area to use them as template for your own calculators.


Hope this helps,regards

Hi,
you can include any html element at your form layout, so you can include buttons using bootstrap classes(replace for lower/greater than symbols, they are sttriped by the forum:


Small button



More information about different styles and sizes of the buttons here:

http://getbootstrap.com/2.3.2/base-css.html#buttons

If you want to add a behaviour to the buttons, you will also need to include some js code. First, identify each button with a different id at the layout:

First button
Second button


And then add the functions attached to each one when clicked. At the javascript events-executed on loaded page:

CB("#mybutton1").click(function(){

//your code here when button1 is clicked

});


CB("#mybutton2").click(function(){

//your code here when button2 is clicked

});


You can find the code to set a value at a field at the left panel 'set value to a field.


Hope this helps, regards