UI/UX Improvements in Counselling forms

XMLWordPrintable

    • Type: Task
    • Resolution: Done
    • Priority: Medium
    • 2.3
    • Affects Version/s: None
    • None
    • STOP TB Sprint 9, STOP TB Sprint 10

      Enhancements are required in the Counselling Overview Screen UI and existing Notes section in Counselling Form to improve usability and align with PRD Section 7.2.

      Scope of Changes

      1. Remove Unnecessary UI Elements

      • Counselling consent toggle (no functional impact)
      • Counselling officer name
      • Nikshay ID(as showing duplicate) keep only one

      2. UI Alignment Improvements

      • Combine fields into a single line:
        • Name | Age | Gender
      • Reduce unnecessary spacing and clutter
      • Improve overall layout for better readability

      3. Notes Section Enhancement (Existing Feature)

      • Notes section is already present but needs improvement:
        • Enable proper Edit functionality for existing notes
        • Add clear Edit (pencil icon) for modifying notes
        • Ensure users can update and save edited notes seamlessly

      Current Behavior

      • UI has redundant elements and spacing issues
      • Notes section exists but editing capability is not clear/optimized

      Expected Behavior

      • Clean and structured UI as per design standards
      • Proper alignment of fields
      • Notes section should:
        • Allow easy editing of existing notes
        • Have clear edit option (pencil icon)
        • Save updated notes successfully

      Additional Requirement / Enhancement

      Section-wise "Select All" Checkbox Missing

      In the counselling form (Sections A–E such as Disease Awareness, Do’s & Don’ts, etc.):

      Current Behavior

      • Each question has an individual checkbox
      • No option to select all questions within a section at once

      Expected Behavior

      • Each section (e.g., Disease Awareness, Do’s & Don’ts, etc.) should have:

      One "Select All" checkbox at section level

      • When "Select All" is checked:
        • All questions under that section should be selected automatically
      • When unchecked:
        • All should be deselected

      Reference

      • PRD Section 7.2

       

        1. image-2026-08-24-17-33-47-313.png
          92 kB
          Nidhi Saini
        2. image-2026-08-24-17-49-04-181.png
          82 kB
          Nidhi Saini
        3. Screenshot_20261005-123422.png
          119 kB
          Deepak Kumar
        4. Screenshot_20261005-123434.png
          113 kB
          Deepak Kumar
        5. Screenshot_20261005-123442.png
          115 kB
          Deepak Kumar
        6. Screenshot_20261005-123448.png
          112 kB
          Deepak Kumar
        7. STOP-434 (1).jpg
          257 kB
          Siya Manoj Mundhada
        8. STOP-434 (2).jpg
          304 kB
          Siya Manoj Mundhada
        9. STOP-434 (2)-1.jpg
          304 kB
          Siya Manoj Mundhada

              Assignee:
              Siya Manoj Mundhada
              Reporter:
              Nidhi Saini
              Votes:
              0 Vote for this issue
              Watchers:
              3 Start watching this issue

                Created:
                Updated:
                Resolved: