Oracle Apex 5: Show fontawesome in Report

Oracle Apex 5: Show fontawesome in Report

Say I have a report with a column "NOTIFICATION", which will have Yes or No value, if I want to show  fontawesome instead of Yes/No in the report, do these:

1. Put following css into page inline css(or global css file):

.check-Yes:before {

 content: "\f00c";

 color: green;

}

.check-No:before {

 content: "\f00d";

 color: red;

} 

--- for other fonts, you can check it and choose the one you want here http://fontawesome.io/cheatsheet/

2. Modify the notification column in the report, put following into the  HTML expression sections

<span class="fa check-#NOTIFICATION# fa-2x"></span>

That's IT.

Apex 5: Change Badge List hover default color

Apex 5: Change Badge List hover default color

I am doing an project where I am using the Badge List Plugin come with the Apex packaged application, customer want to change the hover color from default to Teal, I tried to find the jquery class think it shall be easy to do that but it took me a while to figure it out:

Here is how to get it done:

In the page inline css section, put this part(Here I am changing the hover color from default to Teal color):

.t-BadgeList--circular a.t-BadgeList-wrap:hover .t-BadgeList-value {

    box-shadow: 0 0 0 4px Teal inset;

}

.t-BadgeList--circular a.t-BadgeList-wrap .t-BadgeList-value {

    border-color: Teal;

    transition: box-shadow 0.1s, color 0.1s, background-color 0.3s;

}

I somehow couldn't get the class through inspector which I originally thought I could, I end up looking  at https://apex.oracle.com/ut, which has all the Universal Theme component, where I can get this easily..