Posted by stpaultim on Sat, Aug 11, 2018 - 12:45pm

I'm trying to create a view of files that I've uploaded to my backdrop site that displays a thumbnail image of each file. Seems like something I could do pretty easily in Drupal 7, but I'm not seeing any way to do it in BackdropCMS.

I create a display of FILES and am looking for some option to include a rendered view of the file in question, but can't find any such option. Maybe this requires a contrib module, but I'm not sure what I'm looking for. Any thoughts or suggestions?

Accepted answer

Thanks to @Graham-72 for pointing me at this issue: https://github.com/backdrop/backdrop-issues/issues/3134

In this issue they are trying to use views to create a media viewer display. I was able to reverse engineer their view to accomplish my task (which was designed to help me towards a bigger problem). 

The best solution I've found so far (based upon work in above issue):

  1. Create a view of files
  2. Show = Fields
  3. Add the field File:Path
    • Check "Display download path instead of file storage URI"
      (This was what I was missing from my earlier attempts)
    • Check "Exclude from display"
  4. Add another field to rewrite (I think you could use just about any field), I used File:ID
    • Check "Rewrite the output of this field"
    • Rewrite = <img class="my-media-viewer-class" src="[uri]">

This does not allow me to select which image style I want to display. I suppose in the rewrite, I could manually create a path to the thumbnails version of each image. 

Comments

Sat, Aug 11, 2018 - 2:13pm by stpaultim

Thanks to @Graham-72 for pointing me at this issue: https://github.com/backdrop/backdrop-issues/issues/3134

In this issue they are trying to use views to create a media viewer display. I was able to reverse engineer their view to accomplish my task (which was designed to help me towards a bigger problem). 

The best solution I've found so far (based upon work in above issue):

  1. Create a view of files
  2. Show = Fields
  3. Add the field File:Path
    • Check "Display download path instead of file storage URI"
      (This was what I was missing from my earlier attempts)
    • Check "Exclude from display"
  4. Add another field to rewrite (I think you could use just about any field), I used File:ID
    • Check "Rewrite the output of this field"
    • Rewrite = <img class="my-media-viewer-class" src="[uri]">

This does not allow me to select which image style I want to display. I suppose in the rewrite, I could manually create a path to the thumbnails version of each image.