Properties

PROPERTY	DESCRIPTION
List Name (required)	Text entry field for name of list item - note this content does not appear on the page
List Header	Text entry field for a limited large headline.
List Paragraph Text	Text entry field for any amount of body copy in the default paragraph style. Note this property has a light text editor for adding text effects and text links.
Graphic	Select from three graphic options: None – when selected, no graphic image will be included with this list item Image – graphic image selected from the Media Library Application. The image size depends entirely on design needs such as number of planned list items and visual style. Recommended size for getting started: 640x427 pixels Content Image – select image from Media Library or clear selection. Content Image Title – the title attribute on an image adds a tooltip with title text to the image. Hovering the mouse over the image will display the tooltip. Optional but recommended. Content Image Alt Text – this attribute provides alternative information for an image if a user for some reason cannot view it (because of slow connection, an error, or if the user uses a screen reader). Optional but recommended. Icon – select an icon from the ATLAS AgTech Icons library. Insert the exact icon code appearing below the icon to display. Example: "fa-location-on" Icon Size – select from Small-20px high, Medium-30 px high, Large-40px high, Extra-Large-60px high Icon Color – below is list of colors that may be selected: Default (None) Primary Primary Color - Light Primary Color - Dark Secondary Secondary - Light Secondary - Dark Gradient White Light Gray Medium Gray Dark Gray Black Custom (enter color in hex format – ex. #2c6090)
Buttons	The list item can feature none, one or two buttons by selecting a number from the menu. If the user selects 0 no buttons will display.  Anything other than 0 the Button and the below properties will display
[Button] Text	Enter text to be featured on each button. Typically shorter text is better for ease of reading and to keep the design tidy. If text field is blank, the button will not display.
[Button] Color	Select from your custom brand colors or grayscale options from the menu for button fills or outlines. Note that if two buttons are featured, each one may have its own color. Below is the list of colors that may be selected: Default (None) Primary Primary Color - Light Primary Color - Dark Secondary Secondary - Light Secondary - Dark Gradient White Light Gray Medium Gray Dark Gray Black Custom (enter color in hex format – ex. #2c6090)
[Button] Target	Below are the targets to choose from:  Default – this will open in the same tab of the browser and is typically used to move around within your site Blank – this will open in a new tab of the browser and is typically used for links that leave your site
[Button] Target URL	The URLs attached to the button can simply link to another page of the website, to an anchor link on a page, to a different website, can automatically open a pre-addressed email, link to a phone number or a document from the Media Library Application. Check the “URL is Internal” checkbox to access the Pages Application or the Media Library Application to select a page in the site or a document.
Publish from	Select date from calendar interface
Publish to	Select date from calendar interface

Examples

This is an example of three ATLAS List Items feeding into the Feature List Widget. This example features an image, a list item background color, header & paragraph text and two buttons. Explore more transformations by visiting the Feature List Widget page.

Lorem Ipsum Dolor

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Button One Button Two

Aliquip ex ea Commodo

Button One Button Two

Quis Nostrud Exercitation

Button One Button Two

ATLAS List Item Page Type