Skip to Main Content

APEX

Announcement

For appeals, questions and feedback about Oracle Forums, please email oracle-forums-moderators_us@oracle.com. Technical questions should be asked in the appropriate category. Thank you!

Cards region - card background color (APEX 20.2)

InoLOct 21 2022

I'm trying to change the background color of cards in a cards region (not a cards classic report). The cards have a Redirect to URL action on the whole card.
You would expect to set the background color via a card class. This doesn't work, because the link messes things up. This is what is created when you add a class (company-bg-green) to the card:

<li class="a-CardView-item" data-id="Travel" data-rownum="1">
<div class="a-CardView has-title has-icon has-icon--start has-badge has-actions has-actions--full company-bg-green">
  <a class="a-CardView-fullLink" href="...."><span class="u-vh">Travel</span></a> 
  <div class="a-CardView-header">
    <div class="a-CardView-iconWrap a-CardView-iconWrap--start">
    <span class="a-CardView-icon u-color fa fa-plane icon-ennia-black" aria-hidden="true" title=""></span>
    </div>
    <div class="a-CardView-headerBody">
      <h3 class="a-CardView-title ">Travel</h3>
    </div>
    <div class="a-CardView-badge " title="1">
      <span class="a-CardView-badgeValue">1</span>
    </div>
  </div>
 </div>
</li>

Class "company-bg-green" sets a backgound color, but the <a> following this <div> ignores this background color.
Setting the same class on the <a> element makes it even worse. Now the whole card is green and hides everything else on the card. I also tried background-color:transparent on the <a> element.
Any ideas how to set the background color of a card that has a redirect action on the whole card?

This post has been answered by InoL on Oct 24 2022
Jump to Answer
Comments
Post Details
Added on Oct 21 2022
3 comments
2,228 views