Uploaded image for project: 'ui-data-import'
  1. ui-data-import
  2. UIDATIMP-365

Field mapping UI component: Key-value pair with toggle button

    XMLWordPrintable

    Details

    • Template:
    • Story Points:
      0
    • Development Team:
      Folijet

      Description

      Purpose: To create a new UI component: Key-value pair with toggle button. This new component is needed for the Data Import Field Mapping details UI.

      Key links:

      Requirements

      • Default state of the value field is empty and the toggle is grey/off
      • When user begins entering data in the value field, the toggle button slides to the right and turns blue automatically
      • When user clicks the grey/off toggle button, it
        • slides to the right and turns blue
        • and puts focus on the accompanying data input field
      • When user removes all data from the value field, the toggle button slides to the left and turns grey automatically
      • When user clicks the blue/on toggle button, it
        • slides to the left and turns grey automatically
        • and removes all data from the corresponding value field
      • Toggle should not be tabbable; the user should only be able to tab to the input fields in the screen, not the toggles

        TestRail: Results

          Attachments

            Issue Links

              Activity

                People

                Assignee:
                Unassigned Unassigned
                Reporter:
                abreaux Ann-Marie Breaux
                Votes:
                0 Vote for this issue
                Watchers:
                1 Start watching this issue

                  Dates

                  Created:
                  Updated:
                  Resolved:

                    TestRail: Runs

                      TestRail: Cases