Need to highlight the field when changed the value

Question

Hello All, 
 I have the below requirement and need your inputs. 
 Screen is having dropdown values, Text box and Date fields. These all details are from one table. When I have changed the values in dropdown or textbox or date fields it should be highlighted in either the way. 
 
 Eg: Designation drop down - Earlier it was Software Engineer and now i changed to Senior software engineer. Then the field should be highlight and show value has been updated. 
 Really appreciate your quick response. 
 My thought was need to show one icon field and when the value changed icon will be displayed and when mouse hover over it will show as value has been changed. 
 Highlighted one is only my thought. Please provide me if we have any other way also.

Raghuvaran Nagarajan · Accepted Answer

since the oy way to highlight these input fields is to use the validations. please try the below approach if it's okay to use the validation highlight. 
 1. Save the initial value shown in the input components in a local variable(s) (say, local!original value) and make sure that all refresh is false. 
 2. Use a different local variable (say, local!current value) in the saveInto of these input fields 
 3. Compare the two local variables to through a validation if those are different. 
 4. Makesure that you use the validation groups to skip these validations during form submission 
 Note: The only drawback of this approach is that you may not be able to add any other proper validations to this field. 
 -Raghu

Mike Schmitt · Answer

I don't know of any way to "highlight" a field like this, but you could use a combination of side-by-side layouts and rich text fields with icons (as you seem to already suggest); you would want to store a copy of the original data in a local variable which does not change, and compare that to the value of the variable that DOES get updated, and you could set the visibility properties of the icon (appearance, color, size, captions, etc) depending on whether the data has changed or not.

Mike Schmitt · Answer

Sorry for the delay, i had to go get lunch - in any case, you would want to declare your variables (using the a!localVariables() parent) using the a!refreshVariable declaration and turn OFF "refresh on referenced variable change" for any local variables you'd like to remain static even when the original copy of the data is updated. 
 a!localVariables(
 
 local!originalCopy: a!refreshVariable(
 value: ri!myDataCDT,
 refreshOnReferencedVarChange: false()
 ),
 
 local!isDataUpdated: not(exact(
 tostring(ri!myDataCDT),
 tostring(local!originalCopy)
 )),
 
 a!formLayout(
 contents: { /* ... */ }
 )
)

Need to highlight the field when changed the value

Top Replies