Table of Contents

MBNumericDecimalField

Summary

An MBTextField designed for a decimal numeric value input with a formatted display while the field lacks focus (format is turned off with focus for efficient data entry). Has the capacity to scale order of magnitude for percentage or basis points (1/100th of a percent) data input and display. Has the following properties

Detail

  • Includes MBTextField properties; plus
  • Minimum and maximum amounts;
  • Numeric format for when the field lacks focus;
  • A maximum number of decimal places - if the user types additional dp, standard rounding is applied;
  • Focused and Unfocused magnitude to facilite percentage and basis point input, e.g. 12.5% is entered as text "12.5" rather than "0.125" and displayed either as "12.5" or with percentage formatting as "12.5%" (not available with basis points);
  • Applies density subsystem - note that filled text fields with denisty of -2 or less ignore labels by design within Material Theme.
  • Renders Blazor validation messages in Material Theme's style. see the Form Validation Article.

Caveats

Note the use of multiple parameters that presume invariance during the life of this component.

  • DecimalPlaces
  • FocusedMagnitude
  • Min
  • UnfocusedMagnitude

 

 

Components Docs