Multi Line Textbox Work flow

Bindable Properties

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

Overview

  • Shows multi line 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: 40px

Breakdown

  • Editable div will take full width of component's main div.
  • Height of the component will be auto increased based on content entered.
  • Editable div will hav only bottom border in black color by default.
  • A custom class can be applied to editable div to override css.
  • If inputMdl has value, then default value will be shown.
  • Entered/Selected value will be set in inputMdl variable on blur.
  • Validations will be done on blur.
  • Blur event callback will be called, disabled is false.
  • On css override
    • .cst-multi-line-textbox-container-override : Container Class
    • .cst-multi-line-textbox-element-override: Element Class