Number Widget

Definition

There are two Widgets allowing to configure the display /edit of numbers (integer, decimal) attributes.

Number Input Edit
Number Display

Number Input Edit	Number Display

Configuration

Properties

Properties name	Type	Mandatory	Description	Values (default value in bold)
required	`Boolean`	NO	Defines if the attribute is mandatory or not.	true, false
decimals	`Integer`	NO	Defines the authorized decimals of the attribute. Only if the type = DECIMAL NUMBER	0, 1, 2, 3...
forceStepDivisibility	`String`	NO	Used to specify how to force the value to be divisible by step	none, round, floor, ceil
max	`Integer`	NO	Defines the maximum value that can be entered by the user. If the indicated value is greater than the maximum value, by default, the maximum value will be indicated in the field.	0, 1, 2, 3...
min	`Integer`	NO	Defines the minimum value that can be entered by the user. If the indicated value is smaller than the minimum value, by default, the minimum value will be indicated in the field.	0, 1, 2, 3...
suffix	`String`	NO	Defines a value after the field.	-
prefix	`String`	NO	Defines a value before the field.	-
step	`Float`	NO	Defines an increment/decrement value.	0.0
verticalButtons	`Boolean`	NO	Allows to choose the display of the "plus" and "minus" buttons.	true, false
verticalDownClass	`String`	NO	Defines the icon to display inside the button. Link to find the icons : https://fontawesome.com/v4.7.0/icons/	fa fa-"name of the icon"
verticalUpClass	`String`	NO	Defines the icon to display inside the button. Link to find the icons : https://fontawesome.com/v4.7.0/icons/	fa fa-"name of the icon"
backgroundColor	`String`	NO	Defines the displayed background color.	Standard CSS color value, #ffffff
bold	`Boolean`	NO	Defines if the value is displayed in bold or not.	true, false
fontSize	`Enum`	NO	Defines the displayed size.	INHERIT, XX_SMALL, X_SMALL, SMALL, MEDIUM, LARGE, X_LARGE, XX_LARGE
italic	`Boolean`	NO	Defines if the value is displayed in italic or not.	true, false
textAlign	`Enum`	NO	Defines where the text is aligned when displayed.	LEFT, CENTER, RIGHT
textColor	`String`	NO	Defines the displayed text color.	Standard CSS color value, #000000
underline	`Boolean`	NO	Defines if the value is underlined or not.	true, false

Example

Number Input Edit

Number Display

XML

<widget id="level" xsi:type="ctdbum:AttributeEditorWidgetType">
	<hidden>false</hidden>
    <config>
    	<editor>
        	<editWidget xsi:type="ctdbum:NumberInputEditWidgetType">
            	<hidden>false</hidden>
                <config>
                    <required>false</required>
                    <decimals>0</decimals>
					<forceStepDivisibility>none</forceStepDivisibility>
                    <max>1200</max>
                    <min>0</min>
                    <suffix></suffix>
                    <prefix></prefix>
                    <step>1.0</step>
                    <verticalButtons>true</verticalButtons>
                    <verticalDownClass>glyphicon glyphicon-minus</verticalDownClass>
                    <verticalUpClass>glyphicon glyphicon-plus</verticalUpClass>
				</config>
			</editWidget>
		</editor>
        <label></label>
        <lockedInUi>false</lockedInUi>
        <mode>READ_WRITE</mode>
        <multiValued>false</multiValued>
        <override>true</override>
	</config>
    <attributeId>level</attributeId>
</widget>

XML

<widget id="createdat" xsi:type="ctdbum:AttributeEditorWidgetType">
	<hidden>false</hidden>
    <config>
    	<editor>
        	<displayWidget xsi:type="ctdbum:NumberDisplayWidgetType">
            	<hidden>false</hidden>
                <config>
                	<backgroundColor>#ffffff</backgroundColor>
                    <bold>false</bold>
                    <italic>false</italic>
                    <textAlign>LEFT</textAlign>
                    <textColor>#000000</textColor>
                    <underline>false</underline>
					<prefix></prefix>
					<suffix></suffix>
 				</config>
			</displayWidget>
		</editor>
        <label></label>
        <lockedInUi>false</lockedInUi>
        <mode>READ</mode>
        <multiValued>false</multiValued>
        <override>true</override>
	</config>
    <attributeId>createdat</attributeId>
</widget>

Configuration

Properties

Example

Read Next