Bootstrap 4 Theme
Components

Over a dozen reusable components built to provide buttons, dropdowns, input groups, navigation, alerts, and much more.

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
AttributeValue
TemplateCard
Report Example
Image description

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
GroupTemplate OptionComment
Card Button ColorsPrimary
Card Button ColorsInfo
Card Button ColorsWarning
Card Button ColorsDanger
Card Button ColorsLink
Card Image PositionCard Image Top
Card Image PositionCard Image Bottom
Card Button ColorsSecondary
Card Button ColorsSuccess
Card Image PositionCard Image Overlay
Report Attributes
AttributeValue
TemplateStandard
Report TemplateCards
Fixed HeaderPage
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.

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 OptionComment
Justified
No Wrap
Center
Left
Right
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 OptionComment
Bottom
Overlay
Top
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.