In my application if user modifies the existing value then we need to show the previous value (existing) and also the modified value. The same feature is also needed for fields which are in the grids. I am trying in different approaches but not giving me a 100% sure.

Form field which we need to show the previous value and new values are as following:

  1. Text Field
  2. Dropdowns
  3. Pick fields
  4. Date picker
  5. Check box
  6. Radio button

I have below ideas to achieve above requirement, but when it comes to checkbox and radio buttons none of the below ideas won't work.

Option A: When field is modified the orange bar appears beside(left side) to indicate the corresponding field updated.

enter image description here

When clicked on orange bar a popover appear in which user can see previous value of the field. enter image description here

visual cue on grid: enter image description here

Option B: As soon as user override value in the field the previous value will appear beside the field with strike through. In this approach also I am not sure how to deal with checkboxes and radio buttons.

Form: enter image description here

Grid control:

enter image description here

Any other best solution we have?

1 Answer 1


Not knowing what the context of this is and assuming there is always just 1 previous value and it is important to the user to see both values, I would prefere option b.

The reason is, that a user is not forced to click to show the previous value. But there are some difficulties. How does the input process work? At what point is the previous value shown (beginning of typing, lost focus etc.)?

Radio buttons: show the radio button group strike through the old value and make it red, set the new value green.

enter image description here

If you go for option A, keep in mind that the orange indicator has to be large enough in order to be clickable easily. enter image description here

  • I like this idea, and i agree we need to keep the shape large enough to be clickable. Jul 30, 2020 at 4:22

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.