Question
Maantic
IN
Last activity: 6 May 2024 23:49 EDT
Need to change background color of the property when new value is updating
I have requirement like when property value is changing, I need to show background color for that field with pink color. and fields are in repeating grid layout.
I tried with scripts like below function in UserWorkForm "
function chnageColor() {
document.getElementByClassName("customclass").style.backgroundColor="pink" ;} but not working
here customclass mentioned in property presentation options
Can you please suggest any other scripts or any other approaches?
Thanks
***Edited by Moderator Rupashree S. to add Capability tags***
Maantic Inc
IN
Updated: 30 Apr 2024 2:30 EDT
Maantic
IN
@SohamM95 Thanks for the reply.
I am maintaining separate page to hold original values and created when rules for the same for the comparison with actual page. here problem is need to show color in pink with script when certain when rules are getting true.
if you have an idea on the script. please share here.
Actually I am trying to execute script each individual field on change.
Updated: 30 Apr 2024 2:40 EDT
Maantic Inc
IN
Maantic
IN
Hi,
I am using below script for OnChnage action of specific property and calling below script using Run Script.
<script>
function changeBGColour(color, event){
var name = event.target.name;
document.getElementsByName(name)[0].style.backgroundColor = color;
}
</script>
But facing one more issue, if I refresh the section or using refresh action on the other property, the background color of the property is disappearing.
Please any one help on how to store background color for the particular property in the script?
Thanks
@PrasadRangu
We had a similar requirementwhere we need to show the updated value (in Red) in Review screen .
The steps in higer level:
1. Copy pyWorkPage (or the values of the required properties which is displyed in UI)in a Temp Page.
2 . Show the UI to the user from the context of this Temp Page.
3. Maintain a Decision Table which will hold all the properties whose value needs to be compared and copy it in a temp page MarkDifferencesPage
4. In a activity, call the Decision Table to fetch the list of all the properties and then compare the property value in pyWorkPage and Temp page .
5 For the properties whose values are updated, set names in a pagelist say UpdatedProperties in the same MarkDifferencesPage
6 In the Review tab, run a script which will iterate through the attributes of the entire Document (Section) and check if that is also in the UpdatedProperties list . If yes, change the color to Pink.