DEV Community

Cover image for Umbraco 10 - Thumbnail ListView
Gareth Wright
Gareth Wright

Posted on β€’ Edited on

2

Umbraco 10 - Thumbnail ListView

I created a plugin for Umbraco that allows you to use a ListView with the following extras:

  • A image with the field alias: (thumbnail, image, logo, listingImage)
  • A name field from a linked document.

It works with all the original functionality of ListView, including selections, sort and search.

Just create a new listview in Umbraco, add your custom fields for images or linked relations then use this path for a view:

/app_plugins/punkThumbnailListView/punkthumbnailListView.html

It should display your images and relational titles in the listview.

nuget

Install-Package punkThumbnailListView
https://www.nuget.org/packages/punkThumbnailListView/

Compatibility

Umbraco 9+

Screenshots

ListView

List View

DataType

Data Type

github:

https://github.com/garpunkal/punkThumbnailListView

Top comments (0)

This post blew up on DEV in 2020:

js visualized

πŸš€βš™οΈ JavaScript Visualized: the JavaScript Engine

As JavaScript devs, we usually don't have to deal with compilers ourselves. However, it's definitely good to know the basics of the JavaScript engine and see how it handles our human-friendly JS code, and turns it into something machines understand! πŸ₯³

Happy coding!