Skip to main content

This content has been archived and is no longer being updated. Links may not function; however, this content may be relevant to outdated versions of the product.

Support Article

CSS Within ListView Is Not Displaying Image

SA-10922

Summary



A CSS is used to display an image when referenced within an embedded list view. IE Developer Tool shows that  the CSS is being called properly but the image is not being displayed. When the CSS calls to display text, the text is properly displayed.

Error Messages



Not Applicable.

Steps to Reproduce

  1. Add a property that holds values specified within the AppContactDisposition control to a List View.
  2. Set the format of that property to AppContactDisposition
  3. Add the list view to a section
  4. Render that section with list items that meets the AppContactDisposition control criteria and no images will appear.

Root Cause



Spans default to inline elements that do not have a width or height. By changing the display from inline to inline-block, user can set the width and height of the span.

Resolution



Add “display:inline-block” to the CSS file which contains “dispositionxxx” class.

 
 
Suggest Edit

Published July 3, 2015 - Updated December 2, 2021

Did you find this content helpful? Yes No

Have a question? Get answers now.

Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.

We'd prefer it if you saw us at our best.

Pega Community has detected you are using a browser which may prevent you from experiencing the site as intended. To improve your experience, please update your browser.

Close Deprecation Notice
Contact us