Vincent Morneau
Cards
Cards are available in Report templates and Region templates.
Panel
{card panel}
I am a very simple card. I am good at containing small bits of information. I am similar to what is called a panel in other frameworks.
Card panel title
Card panel title
Card panel body
Selected Template Options
APEX 18.1 is breaking our documentation plugin. A fix will come out eventually.
Basic

Card Title

I am a very simple card. I am good at containing small bits of information.I am convenient because I require little markup to use effectively.

Hoverable

Card Title

I am a very simple card. I am good at containing small bits of information.I am convenient because I require little markup to use effectively.

Card Title

I am a very simple card. I am good at containing small bits of information.I am convenient because I require little markup to use effectively.

Card Title

I am a very simple card. I am good at containing small bits of information.I am convenient because I require little markup to use effectively.

Image
Card Title

I am a very simple card. I am good at containing small bits of information. I am convenient because I require little markup to use effectively.

Card Titlemore_vert
Card Titleclose

I am a very simple card. I am good at containing small bits of information. I am convenient because I require little markup to use effectively.

FAB
Card Title add
I am a very simple card. I am good at containing small bits of information. I am convenient because I require little markup to use effectively.
Card Title add
I am a very simple card. I am good at containing small bits of information. I am convenient because I require little markup to use effectively.
Horizontal
Card Title

I am a very simple card.

Card Titlemore_vert
Card Titleclose

I am a very simple card.

Selected Template Options
APEX 18.1 is breaking our documentation plugin. A fix will come out eventually.
Reveal
Click here

I am a very simple card. I am good at containing small bits of information. I am convenient because I require little markup to use effectively.

Click heremore_vert
Click hereclose

I am a very simple card. I am good at containing small bits of information. I am convenient because I require little markup to use effectively.

Click here

I am a very simple card. I am good at containing small bits of information. I am convenient because I require little markup to use effectively.

Click heremore_vert
Click hereclose

I am a very simple card. I am good at containing small bits of information. I am convenient because I require little markup to use effectively.

Selected Template Options
APEX 18.1 is breaking our documentation plugin. A fix will come out eventually.
Template Options
Template Options
APEX 18.1 is breaking our documentation plugin. A fix will come out eventually.
Substitution Strings
  • Substitution Strings

  • #IMG_SRC# Image source for the card  
  • #TITLE# Title of the card  
  • #FAB_ICON# Icon class for a FAB (optional)  
  • #FAB_LINK# Link for the FAB (optional)  
  • #FAB_COLOR# Color class of the FAB  
  • #CONTENT# Content of the card  
  • #BTN_LABEL_1# Label for the first button (optional)  
  • #BTN_LABEL_2# Label for the second button (optional)  
Sample Query
select 'https://raw.githubusercontent.com/vincentmorneau/material-apex/master/docs/img/sample-1.jpg' img_src
    , 'Card Title' title
    , 'add' fab_icon
    , apex_page.get_url() fab_link
    , 'red' fab_color
    , 'I am a very simple card. I am good at containing small bits of information. I am convenient because I require little markup to use effectively.' content
    , 'This is a link' btn_label_1
    , ' ' btn_label_2
from dual