General Listing
Add a listing of content to display information or sign post to specific information and pages
How to use
Each general listing item is a separate piece of content. Adjacent general listing item content items are wrapped together to create a general listing. Adding a Heading will automatically start a new general listing.
For the first general listing item in a listing:
- Add a Heading
- Optionally add a Description
- Optionally add a Head Link. Add Head Link - Title for the link text and either select a section or content item for the Head Link - Internal Link (ignore the Use default link text checkbox), or paste the full URL for the Head Link - External URL (do not enter both)
For each general listing item:
- Add a List item - Title
- Optionally add a List item - Description
- Optionally select a suitable image from the Media Library for the List item - Image.
Recommend image is at least 460px x 280px. The image can be any size or aspect ratio, and will be cropped and resized to 460px x 280px automatically by a service called PXL. Find out how PXL crop and resize works. - Optionally add up to 3 List item - Links. For each Add List item - Link Title for the link text and either select a section or content item for the List item - Link Internal URL (ignore the Use default link text checkbox), or paste the full URL for the List item - Link External URL (do not enter both)
Content Type Details
ID: 7276
Name: General Listing Item
Description: This list style component provides context and pathways to direct users to specific information and pages.
Minimum user level: Contributor
Content Type Elements Details
| Name | Description | Size | Type | Required |
|---|---|---|---|---|
| Name | The Name Element | 80 Characters | Plain Text | Yes |
| Heading | Add a Heading, for example: "Have a look at our Campus" | 250 Characters | Plain Text | No |
| Description | Add a brief description | 500 Characters | Plain Text | No |
| Head Link - Title | Optional link in the heading section | 50 Characters | Plain Text | No |
| Head Link - Internal URL | Select a section/content for an internal link | N/A | Section/Content Link | No |
| Head Link - External URL | Enter URL for external link, only enter this if you are NOT entering an internal link | 250 Characters | Plain Text | No |
| List item - Title | Add a Title for the list item | 200 Characters | Plain Text | Yes |
| List item - Description | Add a Description for the list item | 500 Characters | Plain Text | No |
| List item - Image | Select a suitable image from the Media Library for the list item | N/A | Media | No |
| List item - Link 1 Title | Add link text for the first link of the list item | 50 Characters | Plain Text | No |
| List item - Link 1 Internal URL | Select a section/content for an internal link | N/A | Section/Content Link | No |
| List item - Link 1 External URL | Enter URL for external link, only enter this if you are NOT entering an internal link | 250 Characters | Plain Text | No |
| List item - Link 2 Title | Add link text for the second link of the list item | 50 Characters | Plain Text | No |
| List item - Link 2 Internal URL | Select a section/content for an internal link | N/A | Section/Content Link | No |
| List item - Link 2 External URL | Enter URL for external link, only enter this if you are NOT entering an internal link | 250 Characters | Plain Text | No |
| List item - Link 3 Title | Add link text for the third link of the list item | 50 Characters | Plain Text | No |
| List item - Link 3 Internal URL | Select a section/content for an internal link | N/A | Section/Content Link | No |
| List item - Link 3 External URL | Enter URL for external link, only enter this if you are NOT entering an internal link | 250 Characters | Plain Text | No |
Examples
With Heading, Description and Head Link
Listing Section
Plain text. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Incidunt facilis qui voluptatem itaque rem saepe quod architecto nihil, neque impedit molestias eveniet nam a molestiae aliquam eaque accusamus labore fugiat veritatis perferendis? Labore molestiae amet laudantium aliquam totam illo accusamus!
Listing Item Title
Plain text sed odio dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Sed posuere consectetur est at lobortis. Aenean lacinia bibendum nulla sed consectetur. Maecenas faucibus mollis interdum.
/0x0:460x280/prod01/channel_34/media/seattle-university/site-assets/component-library/page-designs/794-460X280.jpg)
Listing Item Title
Plain text posuere consectetur est at lobortis. Aenean lacinia bibendum nulla sed consectetur. Maecenas faucibus mollis interdum.
Plain text sit amet, consectetur adipiscing elit
Plain text sed odio dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Sed posuere consectetur est at lobortis. Aenean lacinia bibendum nulla sed consectetur. Maecenas faucibus mollis interdum.
With Heading Only
Listing Section
Listing Item Title
Plain text sed odio dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Sed posuere consectetur est at lobortis. Aenean lacinia bibendum nulla sed consectetur. Maecenas faucibus mollis interdum.
Listing Item Title
Plain text posuere consectetur est at lobortis. Aenean lacinia bibendum nulla sed consectetur. Maecenas faucibus mollis interdum.
Plain text sit amet, lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Sed posuere consectetur est at lobortis
Plain text sed odio dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Sed posuere consectetur est at lobortis. Aenean lacinia bibendum nulla sed consectetur. Maecenas faucibus mollis interdum.