APEX

Hi,

I have a requirement to show a count of unanswered requests in a badge list which drills down to the details of the count diplayed. This is no problem - I've done this with a Classic Report with Appearance > Template set to badge list:

But the additional requirements is to color them based on some logic (green if 0, yellow if between 1-2, red if 3+)

So I found this thread: https://community.oracle.com/thread/4106293

And implemented this JavaScript code in a Dynamic Action (Where Event = After Refresh):

$(".t-BadgeList-value").each(function()

                         {           

                            if (parseInt($(this).text()) \< 1) 

                            { 

                                $(this).css({"background-color":"green"}); 

                                $(this).css({"border":"green"}); 

                                $(this).css({"color":"white"}); 

                            } 

                            if (parseInt($(this).text()) >= 1 && parseInt($(this).text()) \< 3) 

                            { 

                                $(this).css({"background-color":"orange"}); 

                                $(this).css({"border":"orange"}); 

                                $(this).css({"color":"white"}); 

                            } 

                            if (parseInt($(this).text()) >= 3) 

                            { 

                                $(this).css({"background-color":"red"}); 

                                $(this).css({"border":"red"}); 

                                $(this).css({"color":"white"}); 

                            } 

                         });

And it seems to be working well for the background colors but I want to change the border color to match the background and the text color to white for better readability. Any suggestions on what I"m missing to do this?

Current version of APEX is 5.1.2, ORDS

Thanks!