sallam

This plugin works 100% in its free version for creating excellent dynamic online calculators of all sorts. This very clear from the description. That is why it is getting lots of 5 stars. Its one of my favorite wordpress plugins, and one of the best.

This plugin works 100% in its free version for creating online calculators of all sorts. This very clear from the description. That is why it is getting lots of 5 stars. Its one of my favorite wordpress plugins, and one of the best.

Great. Thanks so much. I’ve used the following:

#fbuilder input[type=text], #fbuilder textarea, #fbuilder select {
border: 2px solid #00f;
font-size:36px;
font-weight: bold;
}

It did what I wanted, except one thing. Is it possible to give the text of the calculated field a different color than the color of the input text?

Reading through the posts, I came up with this formula (please correct it if anything should be coded better):

(function(){
if(fieldname1 < 26) return fieldname1*0.40;
if(fieldname1 >= 26 && fieldname1 <= 50) return ((fieldname1-25) * 1) + 10;
else return ((fieldname1 – 50) * 1.50) + 35;
})()

Is there a better way to do this?
I also noticed that if I input 3 in the form, it returns 1.2000000000000002 not 1.2 as it should. Why is that please?

Here is what I’m trying to do:
I’m creating a calculator for people to calculate the cost of their monthly gas consumption. There are 3 categories with different prices.

1- first 25 meters cost 0.4 each
2- from 26 to 50 meters, the price is 1 per meter of gas
3 over 50 meters cost 1.50 for each meter

So it seems that I need 3 nested IF’s, no?
How can I do this in that plugin please? what is the proper equation?

Many thanks for your time.

Thanks Zakir Sajib for your code.
I’ve noticed that when I enlarge the font size, the lines touch each others, so I’ve added a couple of css lines. Here is the content of my css file now:

body{
font-family: Arial, sans-serif;
font-size: 150%; /*change according to your desire*/
font-weight: 600; /*change according to your desire*/
line-height: 1.4; /*change according to your desire*/
}

and now its working great.
Thanks again.

Oops, I seem to have posted this in the wrong place.
I’ve re-posted it in the right place here
https://www.ads-software.com/support/topic/working-nicely-in-352?replies=1

Please delete this one if necessary.

Thank you so very much. That is exactly what I wanted.
I cannot thank you enough for your prompt help.

Great, it worked! thanks very much.
Now can you please show me how to also remove the thin black line surrounding the header area?

here is my blog:
https://my2cents.gawaher.com/

Many thanks, but…
I’ve installed and enabled the plugin, and added your code. But nothing happened, the borders are still there.

I have “editor” under “Themes”, where I can edit the stylesheet files..

Many thanks Jan. Worked like a charm!

Personally, I don’t think this belongs in the WordPress repository because in terms of coding it’s really trivial.

But what it does is not trivial. I’ve been looking for such effect for years. Plugin users don’t care whether the code is simple or complicated. What’s important is that it does what they need.

Either you add it yourself, or allow me to..

Jan Dembowski,
Actually it did work perfectly for my Arabic editor, without changing anything in those 2 files. (v3.3.1)

This plugin would be great. Why is it not available in wordpress plugins?
With your permission, can I add it there? I’m sure it would be handy for many..