Currency Component
What it does
The currency component is an input field specialized to capture amounts in a particular currency.
When the input field doesn't have the focus, it shows a formatted currency, such as 1,234.00
. When the control has the focus, it shows the plain number, such as 1234
to facilitate input.
While working with currency amounts, the component is careful not to do any manipulation that relies on how numbers are represented on a particular platform, to avoid any possibility of rounding or precision error.
Basic usage
You use the number component like a regular input field, for example:
<fr:currency ref="my-amount">
<xf:label>Amount</xf:label>
</fr:currency>
Parameters
fr:currency
supports parameters, which you can set via properties or directly on fr:currency
:
prefix
: optional prefix shown before the number ( by default the dollar sign)suffix
: optional suffix shown after the numberdigits-after-decimal
: digits to show after the decimal point (by default 2)decimal-separator
: single character to use as decimal separatorgrouping-separator
: single character to use as thousands separator separator (can be blank)round-when-formatting
: when formatting the number for display, whether to round the value todigits-after-decimal
if there are more digits after the decimal point or not. The default isfalse
.- SINCE Orbeon Forms 4.11
- Rounding uses the half to even method.
round-when-storing
: when storing the number entered by the user, whether to round the value todigits-after-decimal
if there are more digits after the decimal point or not. The default isfalse
.- SINCE Orbeon Forms 4.11
- Rounding uses the half to even method.
These are the default values of the properties:
<property
as="xs:string"
name="oxf.xforms.xbl.fr.currency.prefix"
value="$"/>
<property
as="xs:string"
name="oxf.xforms.xbl.fr.currency.suffix"
value=""/>
<property
as="xs:string"
name="oxf.xforms.xbl.fr.currency.digits-after-decimal"
value="2"/>
<property
as="xs:string"
name="oxf.xforms.xbl.fr.currency.decimal-separator"
value="."/>
<property
as="xs:string"
name="oxf.xforms.xbl.fr.currency.grouping-separator"
value=","/>
<property
as="xs:boolean"
name="oxf.xforms.xbl.fr.currency.round-when-formatting"
value="false"/>
<property
as="xs:boolean"
name="oxf.xforms.xbl.fr.currency.round-when-storing"
value="false"/>
Currency prefix
By default the dollar sign ("$") is used as a currency prefix. You can override this either:
- Globally for all your forms in your ‘properties-local.xml’ by setting the following property:
<property as="xs:string" name="oxf.xforms.xbl.fr.currency.prefix" value="£"/>
- For a particular instance of the component:
- With the
prefix
attribute, for static values. - With the
<fr:prefix>
element, for dynamic values.
- With the
Digits after the decimal sign
By default, the component shows the value to 2 digits after the decimal sign. You can override this either:
- Globally for all your forms in your
properties-local.xml
by setting the following property:<property as="xs:string" name="oxf.xforms.xbl.fr.currency.digits-after-decimal" value="3"/>
- For a particular instance of the component:
- With the
digits-after-decimal
attribute, for static values. - With the
<fr:digits-after-decimal>
element, for dynamic values.
- With the
If you set digits-after-decimal
to 0, then the decimal separator isn't shown. The component truncates any additional digits beyond the specified number; it doesn't perform rounding.
Examples
Control without focus
<fr:currency ref="value"/>
Setting a static prefix with the prefix attribute
<fr:currency ref="value" prefix="£"/>
Setting a dynamic prefix with the fr:prefix element
<fr:currency ref="value">
<fr:prefix ref="/config/prefix"/>
</fr:currency>
Showing 3 digits after decimal sign
<fr:currency
ref="value"
digits-after-decimal="3/>
Showing 0 digits after the decimal sign
<fr:currency
ref="value"
digits-after-decimal="0/>
Read-only input field, because bound to node set as read-only with a MIP
<xforms:bind ref="readonly-node" readonly="true()"/>
<fr:currency ref="readonly-node"/>
Rounding
[SINCE Orbeon Forms 4.11]
For examples of rounding, see the fr:number
component.