Range Field

  • Updated
Status

Release Available

Status

Framework Name

2.9

Current

MUI

4.3

Current

MUI
General

The editable range field MUST have format options.

Note

  • With the Portal 4.3 release, in the Portal Builder, the min and max parameters are marked as required parameters and can have only numeric values. If a Portal administrator does not specify a value to the min and max parameters or specifies non-numeric values, an error message is displayed in the Portal Builder.

  • With the Portal 4.5 release, when a Portal user specifies a value outside the configured range, the Portal automatically selects a value within the range. For example, in the following image, an Amount field is configured with the range of $1,000 to $100,000. If the Portal user specifies the Amount as $980, the Portal automatically selects the value as $1,000, as $1,000 is the minimum allowed value.

Range Field.png

Code JSON

{ "fieldName": "...",
  "fieldUi": {
    "fieldType": "range", "label": "Amount",
    "rangeOptions": {
      "dataType": "currency",
      "min": 1000, "max": 100000, "step": 1000,
      "editableRangeValue": true
      
    },
    "settingsOptions": { "minimumFractionDigits": 0 },
    "format": {
      "options": {
        "numeral": true,
        "numeralThousandsGroupStyle": "thousand",
        "numeralDecimalScale": 0
        
      },
      "prefix": "$"      
    } } }