Formatting for image files

[pmackay]

Am trying to add some Active Storage fields to a type and render in Avo. With an uploaded image, I see:

• The filename displayed on list view
• The image stretched to fill the space (its only a small logo) on the show view

It is possible to:

• Display a thumbnail on list view?
• Prevent stretching on the show view?

Thanks!

[adrianthedev]

Hey @pmackay. Thanks for writing.

Display a thumbnail on list view?

We don't have that feature yet, but we'd welcome a PR. I think this is the file that should be updated in order to have that.

Prevent stretching on the show view?

Yes. You can prevent that by changing element display using CSS.
You should first add your own CSS to Avo using this guide and command. Then, target that element in CSS and change it.
You should have all the required data attributes to target that element. Check out this guide for reference.