function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion
Vesna SongVesna Song 

Want to create an Opportunities List View with styleclass inside an Enhancedlist?

Hi,

What I've been trying to do is create an Opportunities List View that have the added feature to change the forground color of the row that meet a condition.

Is there a way for me to add styleclass to the rows that meet a condition inside an enhancedlist for Opportunities?

Here is what I have.
Issue

Here is the code,
<apex:page standardController="Opportunity" recordSetVar="opportunities" 
              tabStyle="Opportunity"
    sidebar="true">
    <apex:form >
        <apex:pageBlock >
            <apex:pageMessages />
            <apex:pageBlock >
                <apex:panelGrid columns="2">
                    <apex:outputLabel value="View:"/>
                    <apex:selectList value="{!filterID}" size="1">
                        <apex:actionSupport event="onchange" rerender="opp_table"/>
                        <apex:selectOptions value="{!listviewoptions}"/>
                           
                         <style>
                        .errorClass {
                        background-color: #abfcf4;
                        }
                        .normalClass {
                            background-color: #ff0000;
                        }
                        .JoeClass {
                        background-color: #edf9f6;
                        }
                        .KeriClass {
                        background-color: #edf9f6;
                        }
                        .AdrianClass {
                        background-color: #8bff94;
                        }
                        .NoClass {
                        background-color: White;
                        }
                        </style>
                    </apex:selectList>
                </apex:panelGrid>
            </apex:pageBlock>
            <apex:pageBlockButtons >
                
            </apex:pageBlockButtons>
            <apex:pageBlockTable value="{!opportunities}" var="opp" id="opp_table" style="max-height:50px; overflow:scroll">
            
           
            <apex:column style="width:125px;height:15px" styleClass="{!IF(filterId == '00B80000006cLQjEAM' && opp.Checker__c == 'Keri' && opp.Operator__c == 'Keri','JoeClass',
                     IF(filterId == '00B80000009Fy57EAC' && opp.Checker__c == 'Vesna' && opp.Operator__c != 'Vesna','JoeClass',
                     IF(filterId == '00B80000006cLQpEAM' && opp.Checker__c == 'Joe' && opp.Operator__c == 'Joe','JoeClass',
                       IF(filterId == '00B80000008hTjcEAE' && opp.Checker__c == 'Adrian' && opp.Operator__c == 'Adrian','JoeClass','NoClass'))))}">
                        <a target="_parent" href="{!URLFOR($Action.Opportunity.View, opp.id)}">{!opp.name}</a>
                        <apex:facet name="header" >Opportunity Name</apex:facet>
                    </apex:column>

                      <apex:column style="width:400px; height:10px;" value="{!opp.WTL_Title__c}"
                      styleClass="{!IF(filterId == '00B80000006cLQjEAM' && opp.Checker__c == 'Keri' && opp.Operator__c == 'Keri','JoeClass',
                     IF(filterId == '00B80000009Fy57EAC' && opp.Checker__c == 'Vesna' && opp.Operator__c != 'Vesna','JoeClass',
                     IF(filterId == '00B80000006cLQpEAM' && opp.Checker__c == 'Joe' && opp.Operator__c == 'Joe','JoeClass',
                       IF(filterId == '00B80000008hTjcEAE' && opp.Checker__c == 'Adrian' && opp.Operator__c == 'Adrian','JoeClass','NoClass'))))}"/>

                     <apex:column value="{!opp.StageName}"
                     styleClass="{!IF(filterId == '00B80000006cLQjEAM' && opp.Checker__c == 'Keri' && opp.Operator__c == 'Keri','JoeClass',
                     IF(filterId == '00B80000009Fy57EAC' && opp.Checker__c == 'Vesna' && opp.Operator__c != 'Vesna','JoeClass',
                     IF(filterId == '00B80000006cLQpEAM' && opp.Checker__c == 'Joe' && opp.Operator__c == 'Joe','JoeClass',
                       IF(filterId == '00B80000008hTjcEAE' && opp.Checker__c == 'Adrian' && opp.Operator__c == 'Adrian','JoeClass','NoClass'))))}"/>
                     
                     <apex:column value="{!opp.Days_to_Complete__c}"
                     styleClass="{!IF(filterId == '00B80000006cLQjEAM' && opp.Checker__c == 'Keri' && opp.Operator__c == 'Keri','JoeClass',
                     IF(filterId == '00B80000009Fy57EAC' && opp.Checker__c == 'Vesna' && opp.Operator__c != 'Vesna','JoeClass',
                     IF(filterId == '00B80000006cLQpEAM' && opp.Checker__c == 'Joe' && opp.Operator__c == 'Joe','JoeClass',
                       IF(filterId == '00B80000008hTjcEAE' && opp.Checker__c == 'Adrian' && opp.Operator__c == 'Adrian','JoeClass','NoClass'))))}"/>
                     
                     <apex:column value="{!opp.Due_Date_Time__c}"
                     styleClass="{!IF(filterId == '00B80000006cLQjEAM' && opp.Checker__c == 'Keri' && opp.Operator__c == 'Keri','JoeClass',
                     IF(filterId == '00B80000009Fy57EAC' && opp.Checker__c == 'Vesna' && opp.Operator__c != 'Vesna','JoeClass',
                     IF(filterId == '00B80000006cLQpEAM' && opp.Checker__c == 'Joe' && opp.Operator__c == 'Joe','JoeClass',
                       IF(filterId == '00B80000008hTjcEAE' && opp.Checker__c == 'Adrian' && opp.Operator__c == 'Adrian','JoeClass','NoClass'))))}"/>
                     
                     <apex:column value="{!opp.Hours_to_Complete__c}"
                     styleClass="{!IF(filterId == '00B80000006cLQjEAM' && opp.Checker__c == 'Keri' && opp.Operator__c == 'Keri','JoeClass',
                     IF(filterId == '00B80000009Fy57EAC' && opp.Checker__c == 'Vesna' && opp.Operator__c != 'Vesna','JoeClass',
                     IF(filterId == '00B80000006cLQpEAM' && opp.Checker__c == 'Joe' && opp.Operator__c == 'Joe','JoeClass',
                       IF(filterId == '00B80000008hTjcEAE' && opp.Checker__c == 'Adrian' && opp.Operator__c == 'Adrian','JoeClass','NoClass'))))}"/>
                    
                     <apex:column value="{!opp.Percent_Complete__c}"
                     styleClass="{!IF(filterId == '00B80000006cLQjEAM' && opp.Checker__c == 'Keri' && opp.Operator__c == 'Keri','JoeClass',
                     IF(filterId == '00B80000009Fy57EAC' && opp.Checker__c == 'Vesna' && opp.Operator__c != 'Vesna','JoeClass',
                     IF(filterId == '00B80000006cLQpEAM' && opp.Checker__c == 'Joe' && opp.Operator__c == 'Joe','JoeClass',
                       IF(filterId == '00B80000008hTjcEAE' && opp.Checker__c == 'Adrian' && opp.Operator__c == 'Adrian','JoeClass','NoClass'))))}"/>
                     
                     <apex:column value="{!opp.Remaining__c}"
                     styleClass="{!IF(filterId == '00B80000006cLQjEAM' && opp.Checker__c == 'Keri' && opp.Operator__c == 'Keri','JoeClass',
                     IF(filterId == '00B80000009Fy57EAC' && opp.Checker__c == 'Vesna' && opp.Operator__c != 'Vesna','JoeClass',
                     IF(filterId == '00B80000006cLQpEAM' && opp.Checker__c == 'Joe' && opp.Operator__c == 'Joe','JoeClass',
                       IF(filterId == '00B80000008hTjcEAE' && opp.Checker__c == 'Adrian' && opp.Operator__c == 'Adrian','JoeClass','NoClass'))))}"/>
                     
                     <apex:column value="{!opp.Assist__c}"
                     styleClass="{!IF(filterId == '00B80000006cLQjEAM' && opp.Checker__c == 'Keri' && opp.Operator__c == 'Keri','JoeClass',
                     IF(filterId == '00B80000009Fy57EAC' && opp.Checker__c == 'Vesna' && opp.Operator__c != 'Vesna','JoeClass',
                     IF(filterId == '00B80000006cLQpEAM' && opp.Checker__c == 'Joe' && opp.Operator__c == 'Joe','JoeClass',
                       IF(filterId == '00B80000008hTjcEAE' && opp.Checker__c == 'Adrian' && opp.Operator__c == 'Adrian','JoeClass','NoClass'))))}"/>
                    
                     <apex:column value="{!opp.Assist_2__c}"
                     styleClass="{!IF(filterId == '00B80000006cLQjEAM' && opp.Checker__c == 'Keri' && opp.Operator__c == 'Keri','JoeClass',
                     IF(filterId == '00B80000009Fy57EAC' && opp.Checker__c == 'Vesna' && opp.Operator__c != 'Vesna','JoeClass',
                     IF(filterId == '00B80000006cLQpEAM' && opp.Checker__c == 'Joe' && opp.Operator__c == 'Joe','JoeClass',
                       IF(filterId == '00B80000008hTjcEAE' && opp.Checker__c == 'Adrian' && opp.Operator__c == 'Adrian','JoeClass','NoClass'))))}"/>
                     
                     <apex:column value="{!opp.Checker__c}"
                     styleClass="{!IF(filterId == '00B80000006cLQjEAM' && opp.Checker__c == 'Keri' && opp.Operator__c == 'Keri','JoeClass',
                     IF(filterId == '00B80000009Fy57EAC' && opp.Checker__c == 'Vesna' && opp.Operator__c != 'Vesna','JoeClass',
                     IF(filterId == '00B80000006cLQpEAM' && opp.Checker__c == 'Joe' && opp.Operator__c == 'Joe','JoeClass',
                       IF(filterId == '00B80000008hTjcEAE' && opp.Checker__c == 'Adrian' && opp.Operator__c == 'Adrian','JoeClass','NoClass'))))}"/>
                     
                     <apex:column value="{!opp.Checker_Percent__c}"
                     styleClass="{!IF(filterId == '00B80000006cLQjEAM' && opp.Checker__c == 'Keri' && opp.Operator__c == 'Keri','JoeClass',
                     IF(filterId == '00B80000009Fy57EAC' && opp.Checker__c == 'Vesna' && opp.Operator__c != 'Vesna','JoeClass',
                     IF(filterId == '00B80000006cLQpEAM' && opp.Checker__c == 'Joe' && opp.Operator__c == 'Joe','JoeClass',
                       IF(filterId == '00B80000008hTjcEAE' && opp.Checker__c == 'Adrian' && opp.Operator__c == 'Adrian','JoeClass','NoClass'))))}"/>

                     <apex:column value="{!opp.Checker_Start_Date_Time__c}"
                     styleClass="{!IF(filterId == '00B80000006cLQjEAM' && opp.Checker__c == 'Keri' && opp.Operator__c == 'Keri','JoeClass',
                     IF(filterId == '00B80000009Fy57EAC' && opp.Checker__c == 'Vesna' && opp.Operator__c != 'Vesna','JoeClass',
                     IF(filterId == '00B80000006cLQpEAM' && opp.Checker__c == 'Joe' && opp.Operator__c == 'Joe','JoeClass',
                       IF(filterId == '00B80000008hTjcEAE' && opp.Checker__c == 'Adrian' && opp.Operator__c == 'Adrian','JoeClass','NoClass'))))}"/>

                     <apex:column value="{!opp.Checker_Finish_Date_Time__c}"
                     styleClass="{!IF(filterId == '00B80000006cLQjEAM' && opp.Checker__c == 'Keri' && opp.Operator__c == 'Keri','JoeClass',
                     IF(filterId == '00B80000009Fy57EAC' && opp.Checker__c == 'Vesna' && opp.Operator__c != 'Vesna','JoeClass',
                     IF(filterId == '00B80000006cLQpEAM' && opp.Checker__c == 'Joe' && opp.Operator__c == 'Joe','JoeClass',
                       IF(filterId == '00B80000008hTjcEAE' && opp.Checker__c == 'Adrian' && opp.Operator__c == 'Adrian','JoeClass','NoClass'))))}"/>
                       
                     <apex:column value="{!opp.Account.name}"
                     styleClass="{!IF(filterId == '00B80000006cLQjEAM' && opp.Checker__c == 'Keri' && opp.Operator__c == 'Keri','JoeClass',
                     IF(filterId == '00B80000009Fy57EAC' && opp.Checker__c == 'Vesna' && opp.Operator__c != 'Vesna','JoeClass',
                     IF(filterId == '00B80000006cLQpEAM' && opp.Checker__c == 'Joe' && opp.Operator__c == 'Joe','JoeClass',
                       IF(filterId == '00B80000008hTjcEAE' && opp.Checker__c == 'Adrian' && opp.Operator__c == 'Adrian','JoeClass','NoClass'))))}"/>
                     
                     <apex:column value="{!opp.Operator__c}"
                     styleClass="{!IF(filterId == '00B80000006cLQjEAM' && opp.Checker__c == 'Keri' && opp.Operator__c == 'Keri','JoeClass',
                     IF(filterId == '00B80000009Fy57EAC' && opp.Checker__c == 'Vesna' && opp.Operator__c != 'Vesna','JoeClass',
                     IF(filterId == '00B80000006cLQpEAM' && opp.Checker__c == 'Joe' && opp.Operator__c == 'Joe','JoeClass',
                       IF(filterId == '00B80000008hTjcEAE' && opp.Checker__c == 'Adrian' && opp.Operator__c == 'Adrian','JoeClass','NoClass'))))}"/>
                       
                     <apex:column value="{!opp.PM_Start_Date_Time__c}"
                     styleClass="{!IF(filterId == '00B80000006cLQjEAM' && opp.Checker__c == 'Keri' && opp.Operator__c == 'Keri','JoeClass',
                     IF(filterId == '00B80000009Fy57EAC' && opp.Checker__c == 'Vesna' && opp.Operator__c != 'Vesna','JoeClass',
                     IF(filterId == '00B80000006cLQpEAM' && opp.Checker__c == 'Joe' && opp.Operator__c == 'Joe','JoeClass',
                       IF(filterId == '00B80000008hTjcEAE' && opp.Checker__c == 'Adrian' && opp.Operator__c == 'Adrian','JoeClass','NoClass'))))}"/>
                       
                     <apex:column value="{!opp.PM_Finish_Date_Time__c}"
                     styleClass="{!IF(filterId == '00B80000006cLQjEAM' && opp.Checker__c == 'Keri' && opp.Operator__c == 'Keri','JoeClass',
                     IF(filterId == '00B80000009Fy57EAC' && opp.Checker__c == 'Vesna' && opp.Operator__c != 'Vesna','JoeClass',
                     IF(filterId == '00B80000006cLQpEAM' && opp.Checker__c == 'Joe' && opp.Operator__c == 'Joe','JoeClass',
                       IF(filterId == '00B80000008hTjcEAE' && opp.Checker__c == 'Adrian' && opp.Operator__c == 'Adrian','JoeClass','NoClass'))))}"/>
                    
                  
            </apex:pageBlockTable>
        </apex:pageBlock>
    </apex:form>
    <apex:enhancedList type="Opportunity" height="450" rowsPerPage="10" id="OpportunityList" />
</apex:page>


Any help or sugguestion is appreciated.

Thanks in advance.