Display images on the Edit form using URL's in the db

[Paul]

I have image url's that are stored in the database as 'image_url' for each record (these are unique, separate images and separate urls).
Those images reside on my local nubuilder site.
example:

Code: Select all

http://localhost/nuBuilder2/Uploads/Case%2012/Evidence/Photo/d_150_5.jpg

These URLS are entered on the Edit form in a separate field.

I want to retrieve the url from the database for the currrent record (#RECORD_ID#) and embed that url into html code so that the image is displayed on the Edit form. Each image for each record is unique.

How would I do that?

[kev1n]

1. Output an additional column like:

browse_columns.png

Display: CONCAT('<img src="', image_url, '" class="record-image">')
Title: Space character

2. In Custom Code -> Style add your style like:

Code: Select all

.record-image {
  display: block;
  max-width: 100%;
  height: auto;
  border: 1px solid #ccc;
  border-radius: 8px;
  object-fit: contain;
}

3. Change the "Row Height" to e.g. 100

[Paul]

Not sure if you understood the goal. I edited the title of the original post. My apologies if that was not clear.

IMAGE.PNG

[steven]

Paul,

Do you come from a rich family?


Steven