Display old value and new value on forms and grids

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?

Tags: , , , , , ,