G31 Legend List

Definition

This component is a simple list used for identifying various icons in a chart, table, or infographic.


Usage

Used after a table, chart or info graphic to identify the meanings of various icons. For charts, tables, or info graphics that are very tall, the legend can be used before it.

This component consists of a UL with LI tags containing various classes to show various icons as bullets. The example below shows all available icons for use in this component.

  • Texas
  • Hawaii
  • California
  • Spain
  • Italy
  • Brazil

Copy the code below and paste into your text editor.

No Templates Reference this

v0 x1 Legend - Aligned Right

In this example adding the class "right" to the outside DIV tag will make the legend align to the right of the page. This can be used when a right aligned styling is preferred.

  • Texas
  • Hawaii
  • California
  • Spain
  • Italy
  • Brazil

Copy the code below and paste into your text editor.

No Templates Reference this

v0 x2 Legend - Vertical List

In this example adding the class "list" to the outside DIV tag will make the legend appear as a vertical list. This should only be used if the descriptions in the legend are very long and don't fit well in a horizontal layout.

  • Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim.
  • Reiusmod tempor incididunt ut labore et dolore magna aliqua orem ipsum dolor sit amet, consectetur adipisicing elit, sed do. Ut enim ad minim.

Copy the code below and paste into your text editor.

No Templates Reference this

Contact About Sun News & Events Employment Site Map Privacy Terms of Use Trademarks Copyright 1994-2006 Sun Microsystems, Inc.