# List Group Item

{% hint style="success" %}
Free Macro
{% endhint %}

## Screenshot

<figure><img src="https://3271911861-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDHpX6TOKpku17lmsHem1%2Fuploads%2FOxfUUw9g3ysV70bb4I56%2Fimage2019-10-13_20-16-4.png?alt=media&#x26;token=d4c0043d-cf5c-426d-af30-ce94bb401d4c" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3271911861-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDHpX6TOKpku17lmsHem1%2Fuploads%2Fg4w3lNvKjCCjXVi3XP6r%2Fimage2019-10-13_20-19-29-768x40.png?alt=media&#x26;token=f6696f43-17c9-4e41-a8ac-cd526fb30fd1" alt=""><figcaption></figcaption></figure>

## Description

A List Group combines a group of button-like items in a vertical (default) or horizontal arrangement. Each item can be just a simple text or a link to a URL. Each item can have a status (Default, Active or Disabled) and be displayed in one of the Bootstrap styles.

In order to put a List Group on your page, you need two macros, the “List Group” macro and on or more “List Group Item” macros that you must place inside the List Group macro body.

## Adding the Macro

Edit your page.

Select “+” => Other macros

Type in “Bootstrap” in the Search box

Select the “Bootstrap List Group Item” macro

## Macro Options

<figure><img src="https://3271911861-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDHpX6TOKpku17lmsHem1%2Fuploads%2FTO6mRMVDNGpqPnoKPHY3%2Fimage2019-10-13_20-35-14-768x470.png?alt=media&#x26;token=7e03ae1a-0b1d-4e61-959f-38ce5622a1d5" alt=""><figcaption></figcaption></figure>

### **Item Text**

Enter the text that the item shall show.

### **Link**

You can add a URL here that the item will link to. Start with http\:// or https\://.

### **Link Tooltip**

This text will be shown as a tooltip when you hover over an item that has a link.

### **Target**

Select the target of the linked page.

### **Status**

Select the status of the item.

Refer to the reference table below to see how the status are displayed.

### **Style**

Select the background color style of the item.

Refer to the reference table below to see how the styles are displayed.

## Status and Style Reference

<figure><img src="https://3271911861-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FDHpX6TOKpku17lmsHem1%2Fuploads%2FtMRC6tok72lGcXAxtkSB%2Fimage2019-10-13_20-42-2-768x316.png?alt=media&#x26;token=4ea1fbfe-0f60-4299-a7ea-21cfdf3b20ff" alt=""><figcaption></figcaption></figure>