Thumbnails in a modern library

%3CLINGO-SUB%20id%3D%22lingo-sub-1480360%22%20slang%3D%22en-US%22%3EThumbnails%20in%20a%20modern%20library%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-1480360%22%20slang%3D%22en-US%22%3E%3CP%3EI%20want%20to%20display%20images%20against%20items%20in%20a%20document%20library%20or%20list%20within%20the%20rows%20of%20the%20list.%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EAs%20an%20example%2C%20I%20created%20a%20basic%20list%20with%20two%20columns%20-%20title%20and%20thumbnail.%20The%20thumbnail%20column%20is%20of%20type%20picture.%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22Jess_M__0-1592818050416.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F199999i4AFBBC44FCF5B4F8%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20title%3D%22Jess_M__0-1592818050416.png%22%20alt%3D%22Jess_M__0-1592818050416.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3EWhen%20you%20look%20at%20the%20information%20on%20the%20item%2C%20there%20is%20a%20thumbnail%20image%20there.%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22Jess_M__1-1592818112589.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F200000i0CA61E325A24AD68%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20title%3D%22Jess_M__1-1592818112589.png%22%20alt%3D%22Jess_M__1-1592818112589.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3EHow%20do%20I%20get%20this%20to%20show%20up%20in%20the%20list%2Flibrary%20itself%3F%26nbsp%3B%3C%2FP%3E%3CP%3EIf%20I%20switch%20back%20to%20classic%20mode%2C%20the%20pictures%20show%20up%20(a%20bit%20too%20big%20to%20be%20called%20thumbnails%2C%20but%20present).%20How%20do%20I%20make%20images%20display%20like%20this%20in%20a%20modern%20view%3F%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20image-alt%3D%22Jess_M__2-1592818217300.png%22%20style%3D%22width%3A%20400px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F200001i5EEBBA0DE13843CB%2Fimage-size%2Fmedium%3Fv%3D1.0%26amp%3Bpx%3D400%22%20title%3D%22Jess_M__2-1592818217300.png%22%20alt%3D%22Jess_M__2-1592818217300.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3CP%3EThanks%20for%20any%20help.%26nbsp%3B%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-LABS%20id%3D%22lingo-labs-1480360%22%20slang%3D%22en-US%22%3E%3CLINGO-LABEL%3EImages%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3EModern%20Experience%3C%2FLINGO-LABEL%3E%3CLINGO-LABEL%3ESharePoint%20Online%3C%2FLINGO-LABEL%3E%3C%2FLINGO-LABS%3E
Occasional Visitor

I want to display images against items in a document library or list within the rows of the list. 

 

As an example, I created a basic list with two columns - title and thumbnail. The thumbnail column is of type picture. 

Jess_M__0-1592818050416.png

When you look at the information on the item, there is a thumbnail image there. 

Jess_M__1-1592818112589.png

How do I get this to show up in the list/library itself? 

If I switch back to classic mode, the pictures show up (a bit too big to be called thumbnails, but present). How do I make images display like this in a modern view? 

Jess_M__2-1592818217300.png

Thanks for any help. 

0 Replies