Hiding the red X displayed by Internet Explorer when you have empty image fields in a Web App

Updated on 20-October-2016 at 10:16 AM

Business Catalyst End of life announcement - find out more details.

In the template or web page, place the following JavaScript in the <head> of the page.

<script language="JavaScript">  
     function ImageLoadFailed() {  
          window.event.srcElement.style.display = "None";  
      }  
</script>

Then, in the Web App layout where you the image is displayed, place the following:

<img src="{tag_imagename_value}?Action=thumbnail&Width=80&Height=80" OnError="ImageLoadFailed()" class="right" alt="{tag_name_nolink}" />