Timeline for Conditional coloring on a lightning component
Current License: CC BY-SA 3.0
9 events
| when toggle format | what | by | license | comment | |
|---|---|---|---|---|---|
| Apr 24, 2017 at 3:23 | vote | accept | Jay Weera | ||
| Apr 13, 2017 at 21:40 | history | edited | Caspar Harmer | CC BY-SA 3.0 |
Added another technique
|
| Apr 13, 2017 at 2:12 | comment | added | Caspar Harmer |
That won't work - {! is only needed once. also, I've done it in the tr, not td. Use my exact syntax
|
|
| Apr 13, 2017 at 2:10 | comment | added | Jay Weera | Actually it is compile error, my piece of code is added | |
| Apr 13, 2017 at 2:09 | comment | added | Jay Weera | <td class="{!cell.Progress__c >75 !cell.Progress__c <100" tier-three" cell.Progress__c >49 !cell.Progress__c <74 "tier-two" cell.Progress__c>0 !cell.Progress__c <49 "tier-one"}" data-label="Progress"> {!cell.Progress__c}% </td> | |
| Apr 13, 2017 at 2:02 | comment | added | Caspar Harmer | So are the cells rendering? Just the colors not working? Have you inspected the rows? Progress needs to be an integer for the expressions to work. Have you tried just hard-coding one of the classes to check they are working? Also, you need to make sure that the css class is more specific than any parent classes - get around this if you need by adding !important for each css statement | |
| Apr 13, 2017 at 1:59 | comment | added | Jay Weera | I have added my original code for the component. | |
| Apr 13, 2017 at 1:55 | comment | added | Jay Weera | Thanks Caspar, I have added that piece of code didn't work. | |
| Apr 13, 2017 at 1:12 | history | answered | Caspar Harmer | CC BY-SA 3.0 |