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
- Add a property that holds values specified within the AppContactDisposition control to a List View.
- Set the format of that property to AppContactDisposition
- Add the list view to a section
- 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.
Published July 3, 2015 - Updated December 2, 2021
Have a question? Get answers now.
Visit the Collaboration Center to ask questions, engage in discussions, share ideas, and help others.