Datagrid: Fallback Image when image can not be loaded

[hemantg05]

We would like to show a fallback image in case the image url provided to the datagrid image column doesn't load successfully.

Describe alternatives you've considered

(Soho.Formatters as any).ImageUnavailableFallbackCustomFormatter = (
      row: number,
      cell: any,
      value: any,
      column: SohoDataGridColumn,
      item: any,
      api: SohoDataGridStatic
    ) => {
     return `<img src="`+
      'http://stackoverflow.com/does-not-exist.png' +
      `" onerror="console.log('errror'); this.src='https://cdn.sstatic.net/Img/unified/sprites.svg?v=e5e58ae7df45'"
       alt="" width="35" height="35">`
    };
    

But onerror is removed by IDS for Security concerns (related to XSS attacks).

I referred to this answer for fallback image solution. https://stackoverflow.com/a/7995298

Additional context
Infor PIM

[bbmuni]

@tmcconechy Please prioritize this ticket as we have issue reported by customer related to this functionality

[tmcconechy]

@ericangeles for the design we should use the placeholder images / icons here similar to this https://main-enterprise.demo.design.infor.com/components/images/example-index.html

[bbmuni]

@tmcconechy Any update on this issue and when we except the fix ?

[ericangeles]

@bbmuni hi, this issue is still in progress, and expect to be part of the 4.57 version. End of October Sprint.

[tmcconechy]

Also wondering @bbmuni can you see the project info on the right side of the issue? It says which version and sprint. But wondering if thats available/visible to you?

[nganotice]

This has been QA tested and passed on v4.57.0-beta.

https://4570-beta0-enterprise.demo.design.infor.com/components/treemap/example-stats.html?theme=new&mode=light

Moving this ticket to Done.

Thanks!

[tmcconechy]

Testing with @hemantg05 if you use add row or re-render then this fails to work. Pushing a new easy fix

[jbrcna]

This has been QA tested and passed on v4.61.0-beta.
https://4610-beta0-enterprise.demo.design.infor.com/components/datagrid/test-images-error.html