Features

  • Drag and drop arrangement
  • Set list items alignment
  • Opt to include an icon with list items
  • Three types of list items
  • Customize list border color
  • Style with presets or color pickers

Example

  • List Item
  • List Item
  • List Item
  • List Item
  • List Item

Using List Group

Style

Alignment
Allows you to set the justification of the List Group content. You can set the alignment to Left, Center or Right.

Custom Border Color
You can opt to customize the color of the List Group’s border using the RapidWeaver color picker.

Content

The List Group stack allows you to insert three different types of content containers within it. You can choose from a List Group Item, List Group Link or a List Group Combo Item. These are chosen by clicking the small blue plus icon at the bottom of the List Group stack. These three child stacks, and their features are listed below:

List Group Item (Child Stack)

The List Group Item child stack is a static, non-clickable list item that is specially styled.

Style
Customize the look of individual List Group items by choosing a special Foundry List Group preset color or defining custom colors for the background, text and icon.

Disabled
Lets you grey out an item in the list making it appear to be disabled.

Include Icon
Add an icon to your List Group Item. You can choose from over 300 different icons.

List Group Link (Child Stack)

The List Group Link child stack is a clickable list item that is specially styled.

Link
Allows you to add a link to an internal page or an external site.

Style
Customize the look of individual List Group Link by choosing a special Foundry List Group preset color or defining custom colors for the background, text, active background and active text, and icon.

Highlight as Active
Lets you highlight a List Group Link in the list making it appear to be the current, or active item.

Disabled
Lets you grey out an item in the list making it appear to be disabled.

Include Icon
Add an icon to your List Group Link. You can choose from over 300 different icons.

List Group Combo Item (Child Stack)

The List Group Combo Item child stack is a clickable list item that is specially styled. It not only has a label like the other two but also a block of text as well.

Link
Allows you to add a link to an internal page or an external site.

Style
Customize the look of individual List Group Combo Item by choosing a special Foundry List Group preset color or defining custom colors for the background, text, active background and active text.

Highlight as Active
Lets you highlight a List Group Combo Item in the list making it appear to be the current, or active item.

Disabled
Lets you grey out an item in the list making it appear to be disabled.

Sign up for The Forge newsletter

Stay up to date on future versions of Foundry, as well as important news, updates and more!

This site is built using Foundry for RapidWeaver

© 2006-2016 Elixir Graphics | Contact Us