Introduction

Alternative Solution

You may check out Image Datalist Formatter in the Joget Marketplace as well.


License Error

The license of the app Translations for Confluence (formerly Language Macros) has expired. Please renew the license.

License Error

The license of the app Translations for Confluence (formerly Language Macros) has expired. Please renew the license.


Figure 1: Image in a listing


License Error

The license of the app Translations for Confluence (formerly Language Macros) has expired. Please renew the license.

This is what we want to achieve, as shown in Figure 1 above.


License Error

The license of the app Translations for Confluence (formerly Language Macros) has expired. Please renew the license.



We will need to get the path to the image first, as shown in Figure 2 above.


License Error

The license of the app Translations for Confluence (formerly Language Macros) has expired. Please renew the license.

Figure 2: Getting the URL of the image

License Error

The license of the app Translations for Confluence (formerly Language Macros) has expired. Please renew the license.



Then, in the List, we will need to construct the img html tag, mimicking the image URL path. In this case, we are using the default database and writing the SQL based on MySQL database.


License Error

The license of the app Translations for Confluence (formerly Language Macros) has expired. Please renew the license.

SQL
SELECT id, c_title, c_image, concat("<img src='/jw/web/client/app/imageInList/1/form/download/sample/", id, "/", c_image, ".'/>") as 'image',
concat("<img src='/jw/web/client/app/imageInList/1/form/download/sample/", id, "/", c_image, ".thumb.jpg'/>") as 'imagethumb' FROM app_fd_sample


Note: If you are using Joget Workflow v5, you can control whether you want the image files to be accessed as anonymous or not. In Joget Workflow v4, one must be logged in in order to see the images.


License Error

The license of the app Translations for Confluence (formerly Language Macros) has expired. Please renew the license.

Download Demo App

You can download the sample app used in this article for your reference.




  • No labels