Images/Icons within JS Data Grid

[Uwe Smidt]

Hi Blake,

Short answer: yes, definitely! Via styled text/html.

Long answer: pending, need to look in my code, asap

[Uwe Smidt]

Ok, so here we go:

1) the datagrid column that is to contain an icon needs to have the property $columnstyledtext=ktrue

2) the $columndatacol needs to be styled text. In my app, I do it this way, depending on if there is an attachment (‘Anhaenge’):

Do ilDataList.$sendall($ref.Anhaenge.$assign(style(kEscBmp,’attach_file+16×16′)),$ref.tB_Set_FS>0)

Do ilDataList.$sendall($ref.Anhaenge.$assign(style(kEscBmp,’cloud_upload+16×16′)),isclear($ref.tB_Set_FS))

Find more info on the function style() in the docs:
https://www.omnis.net/developers/resources/onlinedocs/FunctionRef/Functions_A-Z/style.html#style

Hope this helped!

Btw: I would never have figured this out myself – Andreas helped me a lot then (and now)…

omnis.net

Omnis Function Reference

Omnis Function Reference

Bildschirmfoto-2026-01-28-um-13.04.31.png 110 KB Image File - Click to view

Options

• Copy Download Link

Bildschirmfoto-2026-01-28-um-13.10.35.png 235 KB Image File - Click to view

Options

• Copy Download Link

[blake]

Thank you sincerely for your help, Uwe. I will try this out tomorrow and let you know how it goes 👍

[blake]

Hi Uwe,

I tried your code and it is working! Thank you for your help.

[Brian Allen]

Thanks a lot for the detailed explanation, that’s really helpful.

I read https://www.omnis.net/developers/resources/onlinedocs/FunctionRef/Functions_A-Z/style.html#stylewheelie life. So, I have a question: when you use <code data-start=”120″ data-end=”157″>style(kEscBmp, ‘attach_file+16×16’)Are those icons coming from a built-in Omnis set, or did you have to import/register them somewhere first?

Also, have you noticed any performance impact when using styled text with icons in larger data grids (like a few hundred rows)?

• This reply was modified 2 weeks, 1 day ago by  Brian Allen.

omnis.net

Omnis Function Reference

Omnis Function Reference

[blake]

Hi Brian,

The inbuilt icons are in Omnis’s html/icons/material folder. You can place your icons in said folder and they will instantly appear on the icon selection window. Simply apply the name of the svg file on your code and it will show up. Hope that helps.

As for the second question, I cannot answer that accurately but I personally didn’t experience any lag.