Textbox Work flow

Bindable Properties

  1. inputMdl
  2. options
  3. otherInfo
  4. extDisabled
  5. evtBlurCallback

Overview

  • Shows textbox.

Features/Functionality

  • Value will be set on blur in inputMdl variable passed.
  • Disabled textbox is shown if disable is true.
  • Blur event callback will called on blur.
  • Component is responsive.
  • It is cross browser compatible. (IE11, Edge, Firefox, chrome)

Defaults

  • No defaults will be taken.
  • Textbox's
    • min-width: 100px
    • min-height: 35px

Breakdown

  • Textbox div will take full width of component's main div.
  • A custom class can be applied to textbox to override css.
  • If inputMdl has value, then default value will be shown.
  • Entered/Selected value will be set in inputMdl on blur.
  • Validations will be done on blur.
  • Blur event callback will be called, disabled is false.
  • On css override
    • .cst-textbox-container-override : Container Class
    • .cst-textbox-element-override: Element Class