List 2 – Item List w/Button
List 2 – Item List w/Button
Description
This section could be used to create lists of contacts or other lists. It includes a headline, short text, optional contact fields and an optional button.
Fields and Character Limits
*required fields
Headline*
- Character limit: Recommended limit of 255 characters including spaces.
- Help text: Enter the headline text. There is a recommended limit of 255 characters including spaces. This field renders as an <h2>. See Headers for guidelines and best practices for headlines and sub-headlines.
Short Text
- Character limit: Recommended limit of 255 characters including spaces.
- Help text: Enter the short text. There is a recommended limit of 255 characters including spaces.
Optional email label
- Character limit: Recommended limit of 255 characters including spaces.
- Help text: Enter the optional email label. There is a recommended limit of 255 characters including spaces.
- Character limit: Recommended limit of 255 characters including spaces.
- Help text: Enter an email address (e.g., example@ku.edu)
Phone/Fax
- Help Text: Enter the phone or fax number.
Optional phone/fax label
- Character limit: Recommended limit of 255 characters including spaces.
- Help text: Add a label to your phone/fax number
Extension
- Help text: If you have a phone extension, add it here
School
- Help text: Enter the name of the School (ie. Pharmacy).
University
- Help text: Enter the name of the University (ie. The University of Kansas).
Street Address
- Help text: Enter the street address.
City
- Help text: Enter the city name.
State
- Help text: Select the State.
Zip
- Help text: Enter the zip code of the University.
Button URL
- Help text: Start typing the title of a piece of content to select it. You can also enter an internal path such as /node/add or an external URL such as http://example.com. Enter <front> to link to the front page. Enter <nolink> to display link text only.
Link text
- Help text: Enter the Button Text. Recommended limit of 30 characters including spaces. Avoid link text like Click Here, Learn More and More. See Links for more info, including accessibility concerns, examples and best practices.
Available Style Options
- None
Where Can You Use This Section?
The section is available in the following templates and content types:
Templates
- List
Content types
- Content Page
Using on a cloneable Template
- Locate List 2 – Item List w/Button in the Body section
- Select Edit
- Replace the placeholder Headline, Short text, Label and Email text
- In the Phone/fax section, replace the placeholderLabel, Phone Number and Extension (if applicable)
- Select Add another item for each Phone/Fax that you’d like to add
- Enter the School, University, Street Address, City, State and Zip fields
- In the Button section enter the URL and Link text
- To add a contact select Add Contact
- Select Save at the bottom left of the form
Adding to a new Content Page
- In the Body area, select Add Body Section
- Select List 2 – Item List w/Button, select Add
View Screenshot - Enter the Headline, Short text, Label and Email
- In the Phone/fax section, add a Label, Phone Number and Extension (if applicable)
- Select Add another item for each Phone/Fax that you’d like to add
- Enter the School, University, Street Address, City, State and Zip
- In the Button section enter the URL and Link text
- To add a contact select Add Contact
- Select either Save as Draft or Published with the drop-down menu
- Select Save at the bottom left of the form
Accessibility
- Avoid link text like Click Here, Learn More and More. See Links for more info, including accessibility concerns, examples and best practices.
Guidelines and Best Practices
- We recommend using this as either a list of items using the short text field, or a contact list using the contact-specific fields. We do not recommend mixing items and contacts in the same list.
Removing a Section
To permanently remove a section from a page:
- Select the vertical ellipsis to the right of the Edit button at the top-right of your section, select Remove
View Screenshot - Select Save at the bottom left of the form