How to Update Design Studio Forms

Problem
We need to make a change in TEST to AP10 custom form.

Next steps:

Backup the existing AP10 custom file and copy the new version, ap10.1.custom.xml  file to Prod  F:\lawson\law\persistdata\lawson\portal\content\forms
There is no impact to users and no outage required.
After the change is in place, AP10 users will need to clear their browser cache and cookies and an IOSCacheRefresh will need to be run to clear the DS from Portal.

1. Open DS and Go to the existing tab
   
2. Go to UI Designer,

3. click on Find, The top one which is custom is the one we want to view. Select and Open
   

4. Now go to browser tab and duplicate the tab to open a new window

5. Create a new UI Designer. Select and hit ok
   

6. Go to Next
   
7. Create a new form in the Productline in AP System

8. Click next and give it a second to load. Find AP10 and NEXT
   
9. And Finish

10. Go to source at the bottom
    
11. Scroll all the way to the top to see if it is different

12. Shows it is a different version
13. Go back to design tab
    
14. Place browser side by side to work with both
    

The ap10.1 reviewed is the customization

15. Go to source on bottom tab and copy that into notepad++ and do the same thing with the other one.
    
    
16. Go to plugins
    

Look for compare and check it and click install

Then go back to plugins admin/compare and

Compare/compare

17. If that is not helpful, they may have had something in there that they have since commented out.

Just add the export button to a fresh form and overwrite the old one.

18. Go to the script on the right had window
19. Double click on the button label and drag it to position.
    
    
20. Click on Text button
    

Type export

21. Click on Action

This tells you want you want it to do, so go to the other screen and copy what that one has

22. Just add export vendors

Since they have old code, we don’t need the other one

23. Now go to script to add lines to make it work
    
24. Copy the function that is needed
    
25. Paste it in the new screen
    
26. backup original file in the LAWDIR/persisdata/lawson/portal/content/forms folder
    
    
27. Save the script that was modified
    
    
28. Go to view and preview on tool bar
    
29. Validate if it now works.
30. Migrate to PROD by copying the xml file to PROD.
31. Clear browser data and Refresh cache so users can now see the updated version.