In v13.5.1 I've got a doctype that displays it's children as cards in a listview in the back office. Anyone know how to include an image in the card listview?

https://docs.umbraco.com/umbraco-cms/13.latest/fundamentals/backoffice/property-editors/built-in-umbraco-property-editors/block-editor/label-property-configuration#example-mediaitemresolver (use the filter in the the template setting) though not sure now you would have it only for card and not tabular view.

@Mike Chambers sorry for my delayed response I was on vacay. Just getting back to this. Thanks for pointing me to that documenation... That's for a block-editor label. But, the syntax seems like it's close to what I'm looking for. I tried this... {{image[0].mediaKey ? ('umb://media/'+image[0].mediaKey.split("-").join("") | ncNodeName) : 'No Image' }} Then the Content of my page with that DoctType wouldn't load in the backoffice. So then I tried this... {{value[0].mediaKey ? ('umb://media/'+value[0].mediaKey.split("-").join("") | ncNodeName) : 'No Image' }} Now it says, "Loading..." where I would hope to see the image. So, progress sorta...but not quite there yet.

Just an idea: Media shows images in the cards. I dont know if its completely different, but perhaps you can look at the source code for the images?

I spun up a 13.5.2 with Clean starter kit.. added a custom list view for article list.. added the mainImage property.. with {{value}} and that gets me this in the list view https://cdn.discordapp.com/attachments/1328723116746342472/1332116651088543834/image.png?ex=679415cf&is=6792c44f&hm=e4ba19783257adb90bc1afe92901f419d42e78f28ec90d2ec75b3763b594fbe7& https://cdn.discordapp.com/attachments/1328723116746342472/1332116651411243088/image.png?ex=679415cf&is=6792c44f&hm=76de31370956eb7286c067432ab457135e35eae4dde1423aac77dcaac70e241f&

@Mike Chambers thanks for all of your legwork on this. You/I went down similar paths attempting to solve this. My next step is to see if I can figure out making my own Layout. I'm looking for current documentation on Layouts.

And consider how much effort you want to do for this to work. In Umbraco 14+ everything is probably completely different, so it's not a long time investment 😉

Are you after this kind of thing? https://cdn.discordapp.com/attachments/1328723116746342472/1332716536489578607/msedge_sdyZEqMXp3.mp4?ex=6796447e&is=6794f2fe&hm=90152b8d0bcefd28273bc4af2baf362f81235d2c5052f9e735ef7401bf34dfaf&

@Dean Leigh similar. I'd prefer them as images instead of background image, but you're further along than me.

I followed this article from @User but I am sure you can customise it : https://archive.24days.in/umbraco-cms/2016/custom-list-view-layouts/

@Dean Leigh thanks for pointing me in this direction. In researching this I ran across this previously, but I discounted it b/c it was v7. Turns out with one simple modification it still works. The original has this

mediaResource.getById(item.image)

in the controller that didn't work out of the box for me...what I found that worked for me is

mediaResource.getById(item.image[0].mediaKey)

Awesome, really glad it worked. And hat tip to @madsrasmussen_ 🙂 It will be intersting to see what is possible with v14+ although I think List View are now collections?