Skip to Main Content

Overview

The Media List template is a very common design pattern that has an icon, heading, description, and a badge. With Universal Theme, you can style both Lists or Classic Reports regions to appear as a Media List by setting the appropriate template.

Media List as a List Template

Instructions

  1. In Page Designer, select a region
  2. Go to the Property Editor
  3. Under the Region tab
    1. Find Identification → Type, use List
  4. Under the Attributes tab
    1. Find Appearance → Template, use Media List

Demo

Template Options

List Attributes

#A01#
The description of the media list item.
#A02#
The badge of the media list item.
#A03#
HTML Attributes for the clickable link inside of the list item.
#A04#
HTML Attributes for the list item.
#A05#
Class attribute for the link element.
#A06#
Color class

Media List as a Report Template

The Media List template is a very common design pattern that has an icon, heading, description, and a badge. With Universal Theme, you can style both Lists or Classic Reports regions to appear as a Media List by setting the appropriate template.

Instructions

  1. In Page Designer, select a region
  2. Go to the Property Editor
  3. Under the Region tab
    1. Find Identification → Type, use Classic Report
  4. Under the Attributes tab
    1. Find Appearance → Template, use Media List

Demo

  • Maintain Support Systems

    1.7 years ago

    #LIST_BADGE#

  • Load Software

    1.7 years ago

    #LIST_BADGE#

  • Email Integration

    1.7 years ago

    #LIST_BADGE#

  • Documentation

    1.7 years ago

    #LIST_BADGE#

  • Training

    1.7 years ago

    #LIST_BADGE#

Template Options

Sample SQL Query

select
  id,
  project list_title,
  apex_util.get_since(updated) list_text,
  ' ' list_class,
  null link, 
  'target="_blank"' link_attr,
  null icon_color_class,
  'fa fa-cloud' icon_class
from eba_UT_chart_projects
order by updated desc

Column Aliases

#ICON_CLASS#
CSS class for the icon
#ICON_COLOR_CLASS#
CSS class for the icon color
#LINK#
Link
#LINK_ATTR#
HTML Attributes for the list item
#LINK_CLASS#
Class attribute for the link element
#LIST_BADGE#
The badge of the list item.
#LIST_CLASS#
CSS class of the list
#LIST_TEXT#
List text
#LIST_TITLE#
List title