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
