5 Different Listviews using Dynamic component Extension | Guide

Prem_Gupta · January 12, 2025, 1:52pm

Questions:

Solution :

Here is the key:

"keys": [
        "ID",
        "ClgLogo",
        "ClgName",
        "ClgEstd",
        "ClgCode"
    ],

and image code:

                {
                  "id": "Clg_Logo{ID}",
                  "type": "Image",
                  "properties": {
                    "Height": 60,
                    "Width": 60,
                    "Picture": "{ClgLogo}"
                  },
                  "components": [
                    
                  ]
                },

Here is the block:

first you load a dummy image “load.png” whose upload in asset to create a list and the load image Async

Here is the OutPut:

before main image loading its create list with dummy image value

IMG_20250112_185316198×346 18.9 KB
and after it, its load image Async and replace dummy image with main image

IMG_20250112_185425196×325 83.2 KB

5 Different Listviews using Dynamic component Extension | Guide

Questions:

Solution :

Here is the key:

and image code:

Here is the block:

Here is the OutPut:

Also you can refer this post:

I Hope its help You to load image Async.