Galleria like behaviour using images in database

Galleria like behaviour using images in database

  

Hi folks,

   I am playing in the free space, trying to produce a gallery type web app.  I've got it uploading images and creating records and showing the individual items.  

Now I want to be able to produce something like the ImageGallery component does. But I do not have my images in files. I do not seem to have access to a file system in the cloud (unless I make all the images into resources)  Is there a similar item that uses database content as a source? Or is there a way to extract images on the fly and assign them a URL that I could feed into ImageGallery?


Regards,

Martin

Hello Martin.

You can use an image just as if it was a static image (just drag one from the Images folder), and change its type to Database. You can see one example here in the documentation: https://success.outsystems.com/Documentation/10/Developing_an_Application/Design_UI/Images/Display_an_Image#Example_in_a_Web_App

To render a list of images, placing the image inside a ListRecords.

Hello Leonardo,

     Thank you for your answer.  I see that I was insufficiently clear in my request.  I can already display individual images from the database, and display them in a recordset. (That was last week :) ) Now what I am trying to do is to replicate the behaviour of the ImageGallery extension - but not from files.  


Regards,

Martin

Hello Martin.

I cannot help you directly with the ImageGallery, but you can start a post under the forge component to get support from the author of the component. Start by going here: https://www.outsystems.com/forge/component-discussions/692/ImageGallery and searching existing questions. This one in particular seems to be relevant for you: https://www.outsystems.com/forums/discussion/17520/link-images-to-web-screen/

Hi Martin,

If I understand correctly, you want to show images like this in the web page.

You can use ListRecords control for this.

For source give aggregate which fetches images from the DB. Put one container inside list records and inside that static image and give source as mentioned in above replies.

This should work.

Thanks and Regards,

Suraj Borade

Hi Martin,

Have you checked the Gallery and/or LightBox patterns from Silk UI Web? Would they work out for you?

Another alternative, using the ImageGallery, would be to embed the base64 encoded images themselves directly on their path attribute, but I suspect this would have severe performance issues.