Overview

Widget Number

Numeric widget with a dedicated Numeric/Number tab in the column metadata-editor.

When to Use It

  • Quantitative fields with range/step.
  • Slider, gauge, or chart visualizations on a value.
  • Forms with min/max constraints and decimal formatting.

Column Metadata Properties (Number tab)

  • mc_ui_slider_min: minimum value.
  • mc_ui_slider_max: maximum value.
  • mc_ui_slider_smallstep: minimum step.
  • mc_ui_slider_largestep: quick step.
  • mc_ui_slider_format: output format (N, C, P).
  • mc_ui_slider_decimals: number of decimals.
  • use_slider_in_edit: enables slider editor in edit.
  • use_gauge_in_view: gauge visualization.
  • use_chart_in_view: chart visualization.
  • hide_value_in_view: hides text value in view.
  • mc_chart_label_template: chart label template.
  • mc_chart_ranges: chart thresholds/ranges.

Useful mc_props_bag

Snippet 1JSON
{
  "form": {
    "columns": 1,
    "disabled": false
  },
  "style": {
    "editCss": "max-width: 320px;"
  • form.columns: numeric control layout.
  • style.editCss: widget visual adjustment.

Client/Server Effects

  • Client: numeric validation, slider, graphical rendering.
  • Server: numeric value persistence and use in filters/sort/queries.

Operational Notes

  • Ensure consistency between min/max/step and SQL field type.
  • Avoid overly wide ranges with slider for UX/performance.

Screenshot

field-widget-number / field-editor-number-tab
field-widget-number / field-editor-number-tab