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!

Interested in getting your voice heard by members of the Developer Marketing team at Oracle? Check out this post for AppDev or this post for AI focus group information.

Card Region Tile Colur

Mohammed RafiApr 9 2024

Hi,

I have used Apply Theme Colour for the List Template selected as Card.

How can I have option to have individual colour for each tile say Payables with Red, Receivables with Green kindly advise

This post has been answered by fac586 on Apr 9 2024
Jump to Answer

Comments

fac586
Answer

Are you using a static or dynamic list definition?

For a static list:

  • Edit each list entry definition.
  • In the User Defined Attributes section, set the List Template to Cards.
  • Set attribute 6. Card Color Class to the relevant UT color or status modifer class.

For a dynamic list:

  • Reference the relevant UT color or status modifier class in the A06 column position of the list definition query.
with cards (title, icon, color) as (
    select 'Hot', 'fa-fire', 'u-hot' from dual union all
    select 'Warning', 'fa-exclamation-triangle-o', 'u-warning' from dual union all
    select 'Danger', 'fa-exclamation-diamond-o', 'u-danger' from dual union all
    select 'Info', 'fa-info-circle-o', 'u-info' from dual union all
    select 'Success', 'fa-check-circle-o', 'u-success' from dual union all
    select 'Custom', 'fa-wrench', 'u-color-6' from dual
)
select
    null     "level",
    title    label,
    '#'      target,
    'NO'     is_current,
    icon     image,
    null     image_attribute,
    null     image_alt_attribute,
    null     a01, -- Description
    null     a02, -- Secondary Information
    null     a03, -- Initials
    null     a04, -- List Item CSS Classes
    null     a05, -- Link Attributes
    color    a06, -- Card Color Class
    null     a07  -- Subtitle
from
    cards

Producing these results:

Marked as Answer by Mohammed Rafi · Apr 9 2024
alacourb

@mohammed-rafi you can set the color depending on the value of some field. In the below example taken from the “Sample Cards” app, the color depends on the value of the deptno column:

The case defines value of card_color column in the select statement and that column is used as Card / CSS Classes attribute and referenced with &CARD_COLOR!ATTR.

Hope it helps!

fac586

you can set the color depending on the value of some field. In the below example taken from the “Sample Cards” app

He is using a List region + Cards list template, not a Cards region.

Mohammed Rafi

Thank you @fac586 I am using static list

Mohammed Rafi

Also how can I reduce the size of each tile while I am using dynamic list please assist

fac586

Also how can I reduce the size of each tile while I am using dynamic list please assist

Use the Card template options—change the Style and/or Layout.

1 - 6

Post Details

Added on Apr 9 2024
6 comments
129 views