CalcBuilder Forum

Hi,
seems the addon feature of the bootstrap library is what you're looking for, because the mask will introduce the symbols 'inside' the input, and you won't have numbers anymore. Here the detailed information:

https://getbootstrap.com/docs/4.0/components/input-group/

you need to add the surrounding html to your form input, please check the first example at that page where the '@' is being added. For your case, you only need to replace the 'input' tag with your own field, for ex ##bedrag##


Hope this helps, regards
Silvia Martín
Moonsoft Team

Hi,
yes, depending on your template, you may need to adjust some styles to center or resize the section or the inner text. Your template configures the look and feel of these add ons with the following class:

.input-group-text {
...
}
present at JOOMLA/templates/yootheme/css/theme.11.css.

If you place the div
input-group mb-3
of the example inside your uk-form-controls div you should get the symbol just before the text, and you would only need to change colors if required.

Other option would be just to add your custom span before each field, and style it as you whish, but that would require to handle css properties as well.

Hope this helps, regards
Silvia Martín
Moonsoft Team