Skip to main content
added 9 characters in body; edited tags
Source Link
Ganesh Sanap - MVP
  • 46.4k
  • 22
  • 31
  • 63

I have a list with an Image column and 3 descriptor fields. I want to create a custom display that has the image in section 1 and the 3 descriptors stacked in section 2. I can't figure out how to get the image to display.

"elmType": "img", "style": {"width": "150px","height": "125px"}, "attributes": {"src": "[$myImage]"}

   "elmType": "img",
   "style": {"width": "150px","height": "125px"},
   "attributes": {"src": "[$myImage]"}

The idea is to display the image associated with the list item. 

I've seen many examples where the src value is coded to a specific image. That's not the purpose here. Think product catalog.

So - how do I get the image to display?

I have a list with an Image column and 3 descriptor fields. I want to create a custom display that has the image in section 1 and the 3 descriptors stacked in section 2. I can't figure out how to get the image to display.

"elmType": "img", "style": {"width": "150px","height": "125px"}, "attributes": {"src": "[$myImage]"}

The idea is to display the image associated with the list item. I've seen many examples where the src value is coded to a specific image. That's not the purpose here. Think product catalog.

So - how do I get the image to display?

I have a list with an Image column and 3 descriptor fields. I want to create a custom display that has the image in section 1 and the 3 descriptors stacked in section 2. I can't figure out how to get the image to display.

   "elmType": "img",
   "style": {"width": "150px","height": "125px"},
   "attributes": {"src": "[$myImage]"}

The idea is to display the image associated with the list item. 

I've seen many examples where the src value is coded to a specific image. That's not the purpose here. Think product catalog.

So - how do I get the image to display?

Source Link

How do display image from an Image column in a custom row formatter

I have a list with an Image column and 3 descriptor fields. I want to create a custom display that has the image in section 1 and the 3 descriptors stacked in section 2. I can't figure out how to get the image to display.

"elmType": "img", "style": {"width": "150px","height": "125px"}, "attributes": {"src": "[$myImage]"}

The idea is to display the image associated with the list item. I've seen many examples where the src value is coded to a specific image. That's not the purpose here. Think product catalog.

So - how do I get the image to display?