Showing star rating on Oracle APEX Interactive/Classic Report

 

1. Set the HTML Expression property on the RATING column to:

<a href="javascript:more('#DOCNO#,#DOCDT#');">

<span class="fa u-hot-text report-star-rating" data-rating="#RATING#"

title="Click For History" aria-hidden-"true"></span>

<span class="u-VisuallyHidden">#RATING#</span>

</a>

2. Add this style sheet to the Custom CSS section of the Theme Roller:

.report-star-rating {  
  white-space: nowrap;  
}  
.report-star-rating[data-rating="0"]::before {  
  content: "\f006\f006\f006\f006\f006";  
}  
.report-star-rating[data-rating="1"]::before {  
  content: "\f005\f006\f006\f006\f006";  
}  
.report-star-rating[data-rating="2"]::before {  
  content: "\f005\f005\f006\f006\f006";  
}  
.report-star-rating[data-rating="3"]::before {  
  content: "\f005\f005\f005\f006\f006";  
}