bigDecimalField

Basics

An example of bigDecimalField:

<bigDecimalField id="bigDecimalField"
                 clearButtonVisible="true"/>
big decimal field basics

Data Binding

You can bind a component to an attribute of an entity held in a data container.

To bind bigDecimalField to an entity attribute:

  1. Specify the name of the data container as the dataContainer attribute value.

  2. Specify the name of the entity attribute as the property attribute value.

The entity attribute must be of BigDecimal type.

<data>
    <instance class="com.company.onboarding.entity.Step" id="stepDc">
        <fetchPlan extends="_base"/>
        <loader id="stepDl"/>
    </instance>
</data>
<layout>
    <bigDecimalField dataContainer="stepDc"
                     property="factor"
                     label="Factor:"/>
</layout>
big decimal field data binding

Theme Variants

Use themeNames attribute to set a component theme.

Variant Description Supported By

small

Makes the component smaller.

Aura, Lumo

align-left

Aligns the field value to the left side.

Aura, Lumo

align-center

Centers the field value.

Aura, Lumo

align-right

Aligns the field value to the right side.

Aura, Lumo

helper-above-field

Renders the helper text above the field, below the label.

Aura, Lumo

See Also

See the Vaadin Docs for more information.