Forums

Hello,
I test just CC5, How can it be that I do not get a picture in my table display?
In the source code of the page is the right link's inside:
<td><img src='components/com_chronoforms5/chronoforms/uploads/Bewerbungen/20151227171242_avatar_flash.jpg' /></td>

In Action Code is that this code:
<td><img src='components/com_chronoforms5/chronoforms/uploads/Bewerbungen/{Resume.foto}' /></td>

In the front List I under "Images" also a path in it:
Resume.foto:components/com_chronoforms5/chronoforms/uploads/Bewerbungen/
I have now taken out again. Has also not working.

F.

Hi Fredolino,

What do you see in the Listing page source - probably you will find that the URL is broken. If you use full URLs - including the domain name src='http://my_domain.com/components/com_chronoforms5/ . . .' that is more likely to give you the correct URL

Bob

Hi,
has meanwhile been solved. :-)
It works with this code:
<td><img src='/components/com_chronoforms5/chronoforms/uploads/Bewerbungen/{Resume.foto}' /></td>

CF V5 like super good to me 😃

F.

Anyone, elaborate on this please. I would like to see the actual uploaded image in the Chronoconnectivity listing. It currently displays only the filename of the uploaded image.

I believe that my edit form is working good. Whatever I edit in the form, after clicking the submit button, the changes are reflected in the chronoconnectivity listing. Particularly the image upload field, the name of the image is listed, prefixed with the date stamp.

But what steps do I take to actually see the uploaded image? Please.

Hi phicts,

You can use the HTML box to create a list entry that includes an image tag with a full URL - similar to Fredolino's post but you probably don't need the <td> tags.

Bob

Would it be not possible with the default display in the list? I know basic HTML but i don't know what to put to fetch the data. I'm confused with arrays, brackets, curly brackets and that stuff.

I've been searching for some tutorials on how to do this and this forum topic is the closest I can get.

I also tried following the pointers here, https://www.chronoengine.com/faqs/60-cfv4/cfv4-working-with-the-database/2666-how-can-i-edit-the-record-for-an-image.html
but all I got is a missing icon image.😟

Any chance you can update that tutorial for J3-CF/CC5?

Hi Phict,

The ChronoForms v4 FAQ is not helpful in showing images in ChronoConnectivity v5

You need to know the path to where the images are stored; the Model Title, and column name for the image name

Then add an entry like this in the Front List > Settings > HTML box

model_title.image:<img src='image/path/{model_title.column_name}' />

and then add an entry like this in the Columns list box

model_title.image:Image

Bob

Putting in the codes enabled me at last to view the uploaded image but only those that are already in the web host.
Then I tried to click the "edit" link of another record in the list to upload a new image for it through the connected CF edit-form. In that edit form, of course there's an FileUpload field. So I uploaded a new image and also edited some other fields, and clicked the Submit button. The form closed and I am back in the CC listing.

The changes in the other fields were automatically reflected. But the image field, it's stiil the common missing-file icon that I see. I refreshed the page and even logged out and still, the image didn't show.

I checked the default upload folder and confirmed that the uploaded images are there - with the same permissions as the old ones already uploaded through the same edit-form. Tried changing the file permission of two files but still didn't show up.

I tried a new record in the db using the input form and same result - new uploads didn't show up.

Why? How to fix?

While searching and testing the correct codes that Bob provided, I might have removed or edited important codes or setup, losing the "connection" or functionality between the CF edit-form and CC listing. I still have to check. Attached is a copy of the CF edit-form especially for Bob. I tried uploading the CC connection but there was a notice the file extension is not allowed.

The more i read the more i understand that the picture optimization is an important thing. The problem is also in the code but can it be possible that a webmaster, having done the website, forgot about alt- and all the needed things? I saw a website without alt- in the code, and well the site is on Joomla