UI for entering Aadhaar number in ABHA screen

XMLWordPrintable

    • Type: Task
    • Resolution: Done
    • Priority: Medium
    • 2.2
    • Affects Version/s: None
    • None
    • FLW Sprint 19, FLW Sprint 20
    • FLW Mobile App
    • All

      As an ASHA, I should able to enter easily Aadhaar number of beneficiary in text field, since Aadhaar number is 12 digit long, as below:

      1. To enter Aadhaar number provide 3 text fields that should allow 4 digits maximum.
      2. While entering Aadhaar number, show the number and mask with dots or asterisks character
      3. Also provide an option to view or hide Aadhaar number entered and masking with dots or asterisks character (similar to a password field)

      Acceptance Criteria:

      1.Aadhaar Masking:

      The Aadhaar number input field should display dots or asterisks as the default format (similar to password fields) to hide the entered number.

      2.View/Hide Option:

      An eye icon (representing "view") should be placed next to the Aadhaar input field.

      Clicking the eye icon should toggle the visibility of the Aadhaar number (showing the actual digits when clicked and hiding them again when clicked).

      3.Field Validation:

      The Aadhaar number should still be validated properly according to the rules (e.g., length, 12 digit number, valid Aadhaar number), regardless of whether it's shown or masked.

              Assignee:
              Deep Shikha
              Reporter:
              Madhava Ramu N
              Votes:
              0 Vote for this issue
              Watchers:
              3 Start watching this issue

                Created:
                Updated:
                Resolved: