Lists: Accordion

Create a List

You can create multiple lists with multiple list items within each list.

1. Click the Content navigation menu item and then select Lists
   
2. Click the Create a list button


3. Type a title and click the Create button

After you have created a list, you can now create list items.

Create List items

1. Within a list, click the Create a list item button


2. Add a title. This will be displayed as your list item title
   
3. Click the Publish button

Within the edit view of a list item, you have the option to use the formatting toolbar and/or edit the HTML by selecting the </> option on the far right of the toolbar.

Examples of how this content displays on a page:

• Expandable List
  
• Link Card Icons w/ Content
  

Adding categories/tags allows the user to click on a desired category/tag to filter the content on the page. It can also filter specific items to be displayed on a page. You can add multiple categories and tags to content items such as lists, blogs, events, and images.

Adding Categories

1. Click the plus symbol under the Categories section.
2. Begin typing a category name to choose a predefined category, select create a category* (see note below), or select show all categories to select from the category list 
   
   *NOTE: Any new category created should be saved under the site's parent category. Email sitefinity@utmb.edu for assistance in organizing new categories.

Adding Tags

1. Click the plus symbol under the Tags section.
2. Begin typing a tag name to create a new tag or select a predefined tag. You can also select Show all tags to search through the predefined tags.
   

1. Within the edit view of a list item, under the Custom fields section, type or paste the hyperlink into the Hyperlink field.

1. Copy the class name inside the quotation marks from the selected icon available in the Font Awesome online library
   
2. Within the edit view of a list item, paste the class name into the Icon field under the Custom fields section of the list item
   
3. Further customize the icon color by adding an icon color class to the CSS area. See Other Color Options.
   

Need to add an icon to the HTML code? View the icons style guide

1. Within the edit view of a list item, add the class name(s) into the Custom CSS Class(es) field under the Custom fields section of the list item.
2. If multiple classes are being added list them single space separated as shown in the example below:
   

1. Within the edit view of a list item, add the class name link-new-window into the Custom CSS Class(es) field under the Custom fields section of the list item.
2. If multiple classes are being added list them single space separated as shown in the example below:
   

This content will display inside a modal box when the list item is selected.

1. Within the edit view of a list item, under the Custom fields section, you must add # into the Hyperlink field.
   
2. Add content to the ModalBoxContent field. You can format content similar to the content area of a list item.
   

1. Within the edit view of a list item, under the Related media section click the plus symbol.
   
2. Click Upload an image from your computer or Select an image from your library

Images can also be added to the content and modal box fields.

Within the edit view of a page or content item, you can schedule a post to publish and/or unpublish on a specific date.

1. Click the ellipses button (...) on the top-right of the page. Then select Schedule publish/unpublish from the drop-down menu.
   
2. Type or select the date and time you would like to publish the page or item. You can also type or select the date and time you would like to unpublish. Click the Save changes button when complete.
   

To remove a list item from a website you can delete or unpublish them. Unpublished items can be republished; deleted items cannot be recovered.

1. Click the Content navigation menu item and then select Lists
   
2. Click the List title that house the list items that you want to remove.
3. Select delete or unpublish:
   1. To delete:
      • Click the ellipses button (...) on the top-right of the list item you want to remove. Then select Delete from the drop-down menu.
        
        OR
   2. To Unpublish:
      • Click the ellipses button (...) on the top-right of the list item you want to remove. Then select Unpublish or Schedule publish/unpublish from the drop-down menu.