Skip to Content
avatar image
Former Member

SAPUI5 - Changing icon color within ObjectListItem

Hi,

I want to keep the same icon and only change the color depending on the status field.

In this way as described below, it definitely does not work. I think I have to use CSS but I have no idea how I can address CSS style. Unfortunately, the method addStyle does not apply to this case.

items: {

path: "/APP_DATA/TRANSDATA",

template: new sap.m.ObjectListItem({

type: "{device>/listItemType}",

press: [oController.handleListItemPress, oController],

intro : "{REPORT_CATEGORY}",                           

icon : {

path : "STATUS",

formatter : function(myStatus) {

if(myStatus=="CHECKED")

return sap.ui.core.IconPool.getIconURI({

src: "sap-icon://activity-items",

color: "#2DFA06",  //green

});

return sap.ui.core.IconPool.getIconURI({

src: "sap-icon://activity-items",

color: "#FC0519", // red

});

);

}

},



Any suggested solution?


Many thanks,

Fouad

Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

2 Answers

  • Best Answer
    May 16, 2014 at 12:03 AM

    Hi Fouad.

    Like this? Example

    -D

    Add comment
    10|10000 characters needed characters exceeded

  • avatar image
    Former Member
    May 15, 2014 at 12:06 PM

    Hi Fouad,

    which color do you want to change?

    Greets,

    ben

    Add comment
    10|10000 characters needed characters exceeded