About

Cards are useful for presenting a variety of information in small blocks and can be heavily customized. They can be displayed in three styles, with icons or initials, and you can control the layout. With Universal Theme, you can style both Lists or Classic Reports regions to appear as cards by setting the appropriate template.

For Classic Reports, set Cards as the Report Template.

For Lists, set Cards as the List Template.

1. Featured

Report Template Options

  • Use DefaultYes
  • Body Text2 Lines
  • StyleFeatured
  • Apply Theme ColorsYes
  • Layout2 Columns

2. Basic

  • BU

    Bug Tracker

    Created by SHAKEEB (2 years ago)
    Updated 2 years ago
  • CO

    Convert Excel Spreadsheet

    Created by SHAKEEB (2 years ago)
    Updated 2 years ago
  • CU

    Customer Satisfaction Survey

    Created by SHAKEEB (2 years ago)
    Updated 2 years ago
  • DO

    Documentation

    Created by SHAKEEB (2 years ago)
    Updated 2 years ago

Report Template Options

  • Use DefaultYes
  • StyleBasic
  • IconsDisplay Initials
  • Layout2 Columns
  • Apply Theme ColorsYes

3. Compact

  • BU

    Bug Tracker

    Created by SHAKEEB (2 years ago)
    Updated 2 years ago
  • CO

    Convert Excel Spreadsheet

    Created by SHAKEEB (2 years ago)
    Updated 2 years ago
  • CU

    Customer Satisfaction Survey

    Created by SHAKEEB (2 years ago)
    Updated 2 years ago
  • DO

    Documentation

    Created by SHAKEEB (2 years ago)
    Updated 2 years ago

Report Template Options

  • Use DefaultYes
  • StyleCompact
  • Apply Theme ColorsYes
  • IconsDisplay Initials
  • Layout2 Columns

List Template Customization

Custom Attributes

#A01#
The description of the card.
#A02#
The secondary description/information of the card.
#A03#
The initials of the card if displaying initials.
#A04#
HTML Attributes for the card.

Template Options

  • General

    • Use Template Defaults
    • Apply Theme Colors
      Applies the colors from the theme's color palette to the icons or initials within cards.
  • Style

    • Basic
    • Compact
      Use this option when you want to show smaller cards.
    • Featured
  • Icons

    • No Icons
    • Display Icons
    • Display Initials
      Initials come from List Attribute 3
  • Layout

    • Stacked
      Stacks the cards on top of each other.
    • 2 Columns
    • 3 Columns
    • 4 Columns
    • 5 Columns
    • Float
    • Span Horizontally
  • Body Text

    Determines the height of the card body.

    • Auto
    • 2 Lines
    • 3 Lines
    • 4 Lines
    • Hidden
      This option hides the card body which contains description and subtext.
  • Animation

    Sets the hover and focus animation.

    • Color Fill
      Fills the card background with the color of the icon or default link style.
    • Raise Card
      Raises the card so it pops up.

Report Template Customization

Sample Report Query

select card_title, -- title card_icon, -- icon, e.g. fa-cloud card_initials, -- 2 or 3 letters, use apex_string.get_initials(...) card_text, -- description card_subtext, -- secondary text card_link -- link, use apex_page.get_url(...) from dual

Template Options

  • General

    • Use Template Defaults
    • Apply Theme Colors
  • Style

    Determines the overall style for the component.

    • Basic
    • Compact
      Use this option when you want to show smaller cards.
    • Featured
  • Icons

    Controls how to handle icons in the report.

    • No Icons
    • Display Icons
    • Display Initials
  • Layout

    Determines the layout of Cards in the report.

    • 2 Columns
    • 3 Columns
    • 4 Columns
    • 5 Columns
    • Float
    • Span Horizontally
  • Body Text

    Determines the height of the card body.

    • Auto
    • 2 Lines
    • 3 Lines
    • 4 Lines
    • Hidden
      This option hides the card body which contains description and subtext.
  • Animation

    Sets the hover and focus animation.

    • Color Fill
    • Raise Card