# Add a PNG or JPG in a Clarion Browse Row

**URL:** <https://clarionhub.com/t/add-a-png-or-jpg-in-a-clarion-browse-row/7064>\
**Category:** questions\
**Tags:** browse, images\
**Created:** [March 28, 2024, 1:37pm UTC](https://clarionhub.com/t/add-a-png-or-jpg-in-a-clarion-browse-row/7064 "2024-03-28T13:37:22Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Kevin](https://clarionhub.com/letter_avatar_proxy/v4/letter/k/2acd7d/32.png) [@Kevin](https://clarionhub.com/u/Kevin)\
**Post date:** [March 28, 2024, 1:37pm UTC](https://clarionhub.com/t/add-a-png-or-jpg-in-a-clarion-browse-row/7064/1 "2024-03-28T13:37:22Z")

</div>

I have used ICONs in Clarion browses for years. But now, I would like to display a JPG or PNG. The first two columns will contain descriptive data. The last column will contain a picture of the item. The row height will be taller than usual to accommodate the image. But, I cannot figure out how to place such an image in a column. Is there a data type for such a task? Sample code?

The goal is to display a larger image than a normal ICON size.

Using MSSQL

---

<div class="post-metadata">

**Author:** ![anon77170705](https://clarionhub.com/letter_avatar_proxy/v4/letter/a/ecccb3/32.png) [@anon77170705](https://clarionhub.com/u/anon77170705)\
**Post date:** [March 28, 2024, 2:48pm UTC](https://clarionhub.com/t/add-a-png-or-jpg-in-a-clarion-browse-row/7064/2 "2024-03-28T14:48:58Z")

</div>

Images of any supported type can be used as parameter of the ICON attributes for controls supporting it and as images displayed in LIST/COMBO controls.

---

<div class="post-metadata">

**Author:** ![Genricke](https://clarionhub.com/user_avatar/clarionhub.com/genricke/32/5271_2.png) [@Genricke](https://clarionhub.com/u/Genricke)\
**Post date:** [March 28, 2024, 3:27pm UTC](https://clarionhub.com/t/add-a-png-or-jpg-in-a-clarion-browse-row/7064/3 "2024-03-28T15:27:04Z")

</div>

I agree! Just specify the drawing and the height of the row. And that’s all it takes (in С11.1).

 ![1](https://clarionhub-uploads.s3.eu-north-1.amazonaws.com/original/2X/1/152a3a47f5fb81e0cfdd5dc38667cdf0728620a8.jpeg)

---

<div class="post-metadata">

**Author:** ![anon51095673](https://clarionhub.com/letter_avatar_proxy/v4/letter/a/f9ae1b/32.png) [@anon51095673](https://clarionhub.com/u/anon51095673)\
**Post date:** [March 28, 2024, 7:55pm UTC](https://clarionhub.com/t/add-a-png-or-jpg-in-a-clarion-browse-row/7064/4 "2024-03-28T19:55:42Z")

</div>

Had no idea you could assign anything other than an ICON to this property in a list control.

one assumes one could map and store a file name in a queue save it to xml say and then create a number to populate in the list at runtime mapped to the image to display…

Thanks for that just shows reading the help carefully is sometimes required although the help does not specific that the LIST control supports this?

It mentions Button, Radio, Check behaviours.

---

<div class="post-metadata">

**Author:** ![anon51095673](https://clarionhub.com/letter_avatar_proxy/v4/letter/a/f9ae1b/32.png) [@anon51095673](https://clarionhub.com/u/anon51095673)\
**Post date:** [April 1, 2024, 1:43am UTC](https://clarionhub.com/t/add-a-png-or-jpg-in-a-clarion-browse-row/7064/5 "2024-04-01T01:43:33Z")

</div>

That means this should work?

?ListOfImages{Prop:IconList,1} = ‘documentmanager.png’

will display in a list?

well Icon:Clarion displayed but the PNG did not…

Alexi says any image type should display?

---

<div class="post-metadata">

**Author:** ![anon77170705](https://clarionhub.com/letter_avatar_proxy/v4/letter/a/ecccb3/32.png) [@anon77170705](https://clarionhub.com/u/anon77170705)\
**Post date:** [April 1, 2024, 2:57pm UTC](https://clarionhub.com/t/add-a-png-or-jpg-in-a-clarion-browse-row/7064/6 "2024-04-01T14:57:03Z")

</div>

U

> [@anon51095673](#):
>
> Icon:Clarion displayed but the PNG did not…

Use some an example program shipping with CW, for example, LibMaker. Replace names of icons i assignments to the PROP:IconList property with names of PNG files. And add these PNG files to the project.

---

<div class="post-metadata">

**Author:** ![CarlBarnes](https://clarionhub.com/user_avatar/clarionhub.com/carlbarnes/32/1859_2.png) [@CarlBarnes](https://clarionhub.com/u/CarlBarnes)\
**Post date:** [April 1, 2024, 4:01pm UTC](https://clarionhub.com/t/add-a-png-or-jpg-in-a-clarion-browse-row/7064/7 "2024-04-01T16:01:21Z")

</div>

The Invoice example has a Browse with a separate picture for each product. The folder has a 123 JPG’s for each product. That would be good example to copy that Browse and change the picture to be a browse icon.

 ![image](https://clarionhub-uploads.s3.eu-north-1.amazonaws.com/original/2X/6/6e214969f19cd5333288ba103e21b6161ece7909.png)

---

<div class="post-metadata">

**Author:** ![Kevin](https://clarionhub.com/letter_avatar_proxy/v4/letter/k/2acd7d/32.png) [@Kevin](https://clarionhub.com/u/Kevin)\
**Post date:** [April 3, 2024, 2:28pm UTC](https://clarionhub.com/t/add-a-png-or-jpg-in-a-clarion-browse-row/7064/8 "2024-04-03T14:28:20Z")

</div>

Thanks for everyone’s help. Per everyone’s suggestions, I have easily displayed differing PNG, JPG, and ICO files in a list box. However, I am having difficulty with sizing the image to fit the display. For example, with a row height of anywhere from 12 to 24, ICO files display properly but are really too small for the task at hand (I tried two different ICO file sizes). If I display a larger JPG or PNG, the image does not resize to fit a 24-row height, nor does it stretch to display the entire image. Are there additional browse attributes to handle this problem? Or can the JPG automatically resize to fit the display area?
