PME 2020 - Images are not shown in Web Diagrams

Issue
The images from diagrams are not shown in Web Diagrams if the diagrams were created using an Engineering Client.


Error message from the Application Modules database:

The specified image filename //SERVERNAME/ION-Ent/config/diagrams/images/status_graphics/button.bmp is a network path, which is forbidden. Status Code 404 will be returned.

LogClientExtendedInformation: Authenticated User: 'internal:database:333f0146-3f33-4ff5-a1fc-5fba13a2eede:Supervisor'; Requested URL: 'https://SERVERNAME /ion/ImageConversion/GetImage.aspx?name=%2f%2fACC4-PME1%2fION-Ent%2fconfig%2fdiagrams%2fimages%2fstatus_graphics%2fbutton.bmp';; Request Method: 'GET'; REMOTE_ADDR: 'fe80::3835:ad5a:685c:6a62%2'; USER_AGENT: 'Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E)'; HTTP_X_FORWARDED_FOR: '';
LogClient: Applications.Web::Applications.Web.Logging.WebLogger::PersistLog

Environment
Vista - Engineering Client
Web Application - Diagrams

Cause
When you configure a diagram in Vista using Engineering Client to display an image and browse to that image, the path to access the image in the Application Server is automatically set to //SERVERNAME/ION-Ent which is the network shared path.
This will also happen for upgraded system that had diagrams configured in Engineering Clients.
As far as the problem with the images in Diagrams goes, there were security changes for PME 2020 that don't allow network paths to be used in Diagrams.


Proposed Solution
Manually editing the path to the image to be "x-pml:/diagrams/" will solve the issue.
You can either enter the path (as shown below) in the right field in Vista or edit the .dgm file using a xml editor (like a notepad ++).

See the example:
//SERVERNAME/ION-Ent/config/diagrams/images/status_graphics/button.bmp

Will become:
x-pml:/diagrams/images/status_graphics/button.bmp

.
If this was an upgrade system and the links were broken, you can either try manually or Edit the file and make sure to identify a pattern that can easily be replaced in the files.
The right path to the image should be carefully analyzed before replacing the link in the dgm file.

Note: Always make a backup, try in a diagram, then extend to a couple of them, and when you are certain use any third-party tool to go through a bunch of files to replace.
–With notepad++ for example, but might be better tools on the web.

Attachments/Links

1. How to Find and Replace Words in Multiple Files: https://www.makeuseof.com/tag/how-to-find-and-replace-words-in-multiple-files/#:~:text=Open%20Notepad%2B%2B%20and%20go,the%20new%20word%20or%20phrase.
2. 5 Free Tools to Search and Replace a Word or Phrase Across Multiple Text Files https://www.raymond.cc/blog/search-a-particular-word-in-multiple-editable-text-files/

Released for:Schneider Electric Global