How to use Image column with a URL

[notsidney]

I store only the URLs of images. How can I display them in an Image column?

[notsidney]

We don’t currently support displaying just URLs directly in the Image column itself. We’re looking into how we can support other formats for storing images.

Temporary workaround: use Derivative columns

However, you can create a Derivative column (if you have Rowy Run installed). Derivative columns display a value derived from another column’s value.

When you create a Derivative column, change the config as follows:

1. Set the Listener fields to be the URL column.
2. Change the Output field type to Image.
3. Set the Derivative script to this:

   const derivative: Derivative = async ({ row, ref, db, storage, auth }) => {
     return [{ downloadURL: row.URL_FIELD_KEY }]
   }

   Make sure to change URL_FIELD_KEY to the field key of the URL column.
4. Lock the Derivative column to prevent people uploading to this column directly.
5. Continue to add images by providing the URL in the URL column.

[KKimj]

Thanks!!
It helped a lot.
Have a Nice Day!