Perfect, thanks a lot.
I didn’t think this could be done!

Here is the working code:

 

if (column.type == 'image') {
        option.dataType = "object";
        option.template = "<img width='16' height='16' src=${" + column.propertyName + "}></img>";
        option.formatter = function (value, record) { return getImageSource(value, "myCustomParam", "myOtherParam"); };
   }

 

Regards, Maria

Thanks for your reply: I'm currently using Ignite 16.2 and I'm seeing now that also this version ships the additional 'record' parameter.
But I also need to know on which column the function is being invoked: is there a workaround to obtain that information?

Thanks again.

Hi Borislav,
again on this topic: unfortunately column formatters only have one parameter, which is the current value of the cell. Is it possible, at least, to get informations about the current row and column? I was thinking at something similar to knockout's  event parameters, "data" and "event".

I would like to render a numeric column as an image column, so I customized column options with a template and a formatter, as suggested here.
I need to obtain an image source not only depending on the current value, but also depending on something like a custom matrix, which is different for each column: value1>imageA, value2>imageB, etc.

Could you please help me implementing such a feature on my igGrid?
Thank you, Maria

Hi Graham,
I'm having a look at igPieChart and I also wish to remove the border around the chart and its legend.

A brief explanation of my CSS architecture: my page uses bootstrap, as it is inside an ASP.NET MVC 4.5.1 project. I used themeroller to download Redmond theme and I added the dowloaded files to themes folder. Then, since charts are not covered by jQuery UI, I added an additional css that merges chart style settings from the two IG files: 'structure\modules\infragistics.ui.chart.css' and 'themes\infragistics\infragistics.theme.css'.

These are CSS files that I reference from my page:

<link href="@Url.Content("~/Content/themes/redmond/jquery-ui-1.10.4.custom.css")" rel="stylesheet" type="text/css" /> 
<link href="@Url.Content("~/Content/themes/common/infragistics.ui.chart.css")" rel="stylesheet" type="text/css" />

To make the border disappear, I added this setting to 'infragistics.ui.chart.css' file:

.ui-widget-content {
  border:0px;
}

Simply setting '.ui-chart-container' as you suggested didn't work.
Am I doing something wrong with CSS files or around?

Thank you, bye. Maria