DataHarmonizer icon indicating copy to clipboard operation
DataHarmonizer copied to clipboard

Proposal: UI for working with non-enum multivalued slots

Open pkalita-lbl opened this issue 1 year ago • 2 comments

Currently DataHarmonizer presents a custom editing modal for slots that are multivalued and the range is an enum:

image

Once the user finishes using the modal, the cell value becomes a ; -delimited string of the chosen items:

image

However, for a slot that is multivalued but the range is not an enum it is incumbent upon the user to manually produce that ; -delimited string. There are a few drawbacks here:

  • It may not be obvious to the user that the slot is multivalued
  • It may not be obvious to the user that ; is the required delimiter

Here are some quick sketches of a proposed UI for editing non-enum multivalued slots. Starting with the following:

DH multivalued string

If the user starts editing a cell in the "Multivalued string" column, they see a modal with a text input field:

DH multivalued string(1)

Typing into the text box and clicking the "Add" button adds that item to a list displayed below the input. From that list items can also be removed. For example, if the user has added three items:

DH multivalued string(3)

Once the user dismisses the modal, the appropriate delimited string is set as the cell value:

DH multivalued string(4)

Separately, if we decide to adopt this, it may be worth considering updating the editing interface for multivalued cells with enum ranges to be consistent. I could imagine the same type of modal, but instead of a plain text box, it would present a dropdown with the enum options:

DH multivalued string(5) DH multivalued string(6)

pkalita-lbl avatar Dec 06 '23 22:12 pkalita-lbl