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!

RAG Card Template

Bozzy-OracleApr 28 2016 — edited Apr 29 2016

Hi I am working with APEX using:

| Product Build | 5.0.2.00.07 |
| Schema Compatibility | 2013.01.01 |

I have been trying to use the method described in:

Wherein I have created a new list template similar to "Cards w/ RAG colors."

However I am finding that the attributes substitutions don't seem to be occurring. In addition I also modified the template adding an #A05# :

<li class="t-Cards-item #A04#">

<div class="t-Card">

**\<a href="#LINK#" #A05# class="t-Card-wrap">**

  **\<div class="t-Card-icon">\<span class="t-Icon #ICON\_CSS\_CLASSES#">\<span class="t-Card-initials" role="presentation">#A03#\</span>\</span>\</div>**

  **\<div class="t-Card-titleWrap">\<h3 class="t-Card-title">#TEXT#\</h3>\</div>**

  **\<div class="t-Card-body">**

    **\<div class="t-Card-desc">#A01#\</div>**

    **\<div class="t-Card-info">#A02#\</div>**

  **\</div>**

**\</a>**

</div>

</li>

</div>

</li>

**In my dynamic query I wanted to select 'target="_blank"' AS attribute5 so that I could also have the Card open a new tab instead of navigating out from my application. So in my template options are set as:
**

pastedImage_3.png

My Dynamic List query looks like:

SELECT null

 , '\<h5>' || link\_title || '\</h5>' as label

 , link                                       as target

 , 'RAG-green'                        as attribute4

 , fa\_icon                                as image

 , 'target="\_blank"'                as attribute5

FROM home_screen_links

ORDER BY seq

When I view the page source I see:

Cards-item ">

<div class="t-Card">

<a href="https://support.oracle.com" class="t-Card-wrap">

<div class="t-Card-icon"><span class="t-Icon fa fa-medkit"><span class="t-Card-initials" role="presentation"></span></span></div>

<div class="t-Card-titleWrap"><h3 class="t-Card-title"><h5>My Oracle Support</h5></h3></div>

<div class="t-Card-body">

<div class="t-Card-desc"></div>

<div class="t-Card-info"></div>

</div>

</a>

</div>

</li>

<li class="t-Cards-item ">

<div class="t-Card">

<a href="http://www.google.com" class="t-Card-wrap">

<div class="t-Card-icon"><span class="t-Icon fa fa-google"><span class="t-Card-initials" role="presentation"></span></span></div>

<div class="t-Card-titleWrap"><h3 class="t-Card-title"><h5>Google</h5></h3></div>

<div class="t-Card-body">

<div class="t-Card-desc"></div>

<div class="t-Card-info"></div>

The card icons just display with a colour of grey:

pastedImage_4.png

So it looks like neither #A04# nor #A05' are being substituted.

Any idea what could be going wrong here?

Thanks,

Clive

This post has been answered by fac586 on Apr 28 2016
Jump to Answer
Comments
Locked Post
New comments cannot be posted to this locked post.
Post Details
Locked on May 27 2016
Added on Apr 28 2016
2 comments
1,044 views