Card

Components

Card

Region Example

Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

Card title

Some quick example text to build on the card title and make up the bulk of the card's content.

APEX Documentation

Region Attributes
Attribute	Value
Template	Card

Report Example

Card title

Support card subtitle

Some quick example text to build on the card title and make up the bulk of the card content.

Card link Another link

select '' card_style
    , 'https://dl.dropboxusercontent.com/u/13765392/img-responsive1.jpg' img_src
    , 'Image description' img_alt
    , 'Card title' card_title
    , 'Support card subtitle' card_subtitle
    , 'Some quick example text to build on the card title and make up the bulk of the card content.' card_text
    , '#' card_link1
    , 'Card link' card_link_label1
    , '#' card_link2
    , 'Another link' card_link_label2
from dual

APEX Documentation

Report Template Options
Group	Template Option	Comment
Card Button Colors	Danger
Card Button Colors	Link
Card Button Colors	Info
Card Button Colors	Warning
Card Button Colors	Primary
Card Button Colors	Secondary
Card Button Colors	Success
Card Image Position	Card Image Top
Card Image Position	Card Image Bottom
Card Image Position	Card Image Overlay

Report Attributes
Attribute	Value
Template	Standard
Report Template	Cards
Fixed Header	Page

Content

Image List and Links

Responsive
You can add a list to your card by simply add it in the sub region and choose the Card list template.

List

Action

Another action

Something else here

Image and Buttons

Responsive
To add an image you just need to copy the source of your image in the Region Image field and select the right position in the Template option.

Sizing

One third

Some content.

Two third

Some content.

Alignment

Center

With supporting text below as a natural lead-in to additional content.

Right

With supporting text below as a natural lead-in to additional content.

APEX Documentation

Region Template Option Group: Region Text Alignment
Template Option	Comment
Right
Left
Center
No Wrap
Justified

Image Position

Image top

Responsive
This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Image bottom

Responsive
This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

Image Overlay

Responsive
This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.

APEX Documentation

Region Template Option Group: Card Image Position
Template Option	Comment
Bottom
Top
Overlay

Background variants

Primary

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Success

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Info

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Warning

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Danger

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Inverse

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Dealing with multiple columns

Card title

Responsive
This card has supporting text below as a natural lead-in to additional content.

Card title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Card title

This card has supporting text below as a natural lead-in to additional content.

Card title

This card has supporting text below as a natural lead-in to additional content.

Primary

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Card title

Responsive
This card has supporting text below as a natural lead-in to additional content.

Card title

Responsive
This card has supporting text below as a natural lead-in to additional content.

Card title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Card title

This card has supporting text below as a natural lead-in to additional content.