Repeater Widget

Repeater Widget

Last updated 03.29.24

The Repeater widget is a flexible tool for automatically organizing lots of content as repeated items in accordions or columns and rows. 

Add Repeater Widget to the page

1. Select where on the page you would like the widget to appear. 
2. Click on the blue plus add widget icon   
3. Select the Repeater widget from the widget pop up 
4. Once the widget is added to the page, hover over the added widget until it displays the properties and trash icons. Click on the gear-shaped properties icon. 

Repeater Widget Properties

5. In the Repeater widget properties pop up adjust various settings including visibility, items per row, maximum items displayed and content source.
6. Click Apply button to update the widget with selected properties. The properties pop up will automatically close.

How to delete the Repeater Widget

Hover over the Repeater widget until it displays the properties and trash icons and click on the trash icon to delete. 

How to reposition the Repeater Widget

Hover over the Repeater widget until it displays the grab icon on the left. Simply drag and drop in a new location. 

Repeater Widget Properties

PROPERTYDESCRIPTION
VisibleChecking and unchecking the checkbox toggles widget visibility on the page. This allows for prepping the content in edit mode before widget debut.
Page Type

Select from:

  • ATLAS - Content Images
  • ATLAS - News
  • ATLAS - Job Postings (Interns) 
  • ATLAS - Job Posting 
  • Content Library
  • Atlas List Item

Pages PathFolder in content tree recommended for repeater content - select path from content library
TransformationSelect from:
  • Vendor Partners 
  • Agronomy Seeds 
  • News 
  • Feature Layouts 
  • Text Layouts 
  • Content Library View
  • List View
  • List Name

See examples below.

Items per row (Large screens) 
Items per row (Medium screens) 
Items per row (Small screens) 


Enter number for items per row for large, medium and small screens. This choice is dependent on many variables such as the size of the repeated item and the size of the space provided for the Repeater Widget on the page. Testing is recommended.
Max Items DisplayedEnter number of maximum repeated items to be displayed
Content BeforeText entry area for simple title and descriptive copy right above the repeater content. Requires small amount of HTML code for styling.
Content AfterText entry area for simple descriptive copy right below the repeater content. Requires small amount of HTML code for styling.

Examples

Vendor Partners Repeater Example

In this example, the logos are added to a folder in the content tree using the ATLAS - Content Images page type for each image. This allows for adding a clickable link to each image. The Transformation > Agronomy Seeds is selected and various properties of the Repeater Widget used.

Agronomy Seeds Repeater Example

In this example, the logos are added to a folder in the content tree using the ATLAS - Content Images page type for each image. This allows for adding a clickable link to each image. The Transformation > Agronomy Seeds is selected and various properties of the Repeater Widget used. This was initially created to display seed company logos, hence the name, but any consistently-sized image could take advantage of this transformation.  

Job Postings Example

In this example, the Repeater Widget is feeding in ATLAS Job Posting Page. It is using the List View Transformation.

Agronomist

Location: Arden Hills, MN

Date Posted: Oct 12, 2022

Agronomy Operations

Location: Alma, IL

Date Posted: Jan 14, 2022

Grain Manager

Location: Arden Hills, MN

Intern Job Postings Example

In this example, the Repeater Widget is feeding in ATLAS Job Posting (Intern) Page. It is using the List Name Transformation.

News Repeater Example

In this example, news pages are added to a folder in the content tree using the ATLAS - News page type. The View Path > News is selected and various properties of the Repeater Widget used.

Cotton News

Oct 19,2022

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.

Grassland News

Oct 19,2022

Summary dictumst vestibulum rhoncus est pellentesque elit ullamcorper dignissim cras. 

Hay News

Oct 19,2022

Summary placerat in egestas erat imperdiet sed.

Corn News

Apr 05,2022

Summary mollis aliquam ut porttitor leo a diam sollicitudin tempor id.

Feature Layouts Transformation

In this example, the Repeater Widget is feeding in Atlas List Item Page Types. The transformation flips text left to right. The transformation suppresses all button styling except for Clear.

Content Image Alt Text

Alfalfa

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 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.

Learn More >

Content Image Alt Text

Canola

Sit amet purus gravida quis blandit turpis. Venenatis lectus magna fringilla urna porttitor rhoncus. Nulla facilisi nullam vehicula ipsum a arcu cursus. Porttitor rhoncus dolor purus non. Ut faucibus pulvinar elementum integer enim. Ac placerat vestibulum lectus mauris ultrices eros in. At in tellus integer feugiat. Vel orci porta non pulvinar neque laoreet suspendisse. Senectus et netus et malesuada fames ac turpis egestas integer. Amet commodo nulla facilisi nullam vehicula ipsum.

Learn More >

Content Image Alt Text

Oats

Mauris vitae ultricies leo integer malesuada nunc vel. Dignissim enim sit amet venenatis urna cursus eget. Praesent elementum facilisis leo vel fringilla est ullamcorper eget nulla. Consectetur adipiscing elit pellentesque habitant morbi. Sagittis orci a scelerisque purus semper eget duis at tellus. Platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper dignissim. At lectus urna duis convallis convallis tellus id. Nunc sed blandit libero volutpat sed cras ornare arcu dui. 

Learn More >

Content Image Alt Text

Wheat

Ac tortor dignissim convallis aenean. Nibh mauris cursus mattis molestie a iaculis. Venenatis urna cursus eget nunc scelerisque viverra mauris in aliquam. Egestas egestas fringilla phasellus faucibus. Amet nisl suscipit adipiscing bibendum est ultricies integer quis auctor. Facilisi etiam dignissim diam quis enim lobortis. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Sed tempus urna et pharetra pharetra massa massa. Consectetur purus ut faucibus pulvinar. Maecenas accumsan lacus vel facilisis volutpat est velit. Donec adipiscing tristique risus nec feugiat.

Learn More >

Feature Layouts Transformation

In this example, the Repeater Widget is feeding in Atlas List Item Page Types. The transformation flips text from top to bottom. The transformation allows only one button.

Alfalfa

Content Image Alt Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. 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.

Canola

Content Image Alt Text

Sit amet purus gravida quis blandit turpis. Venenatis lectus magna fringilla urna porttitor rhoncus. Nulla facilisi nullam vehicula ipsum a arcu cursus. Porttitor rhoncus dolor purus non. Ut faucibus pulvinar elementum integer enim. Ac placerat vestibulum lectus mauris ultrices eros in. At in tellus integer feugiat. Vel orci porta non pulvinar neque laoreet suspendisse. Senectus et netus et malesuada fames ac turpis egestas integer. Amet commodo nulla facilisi nullam vehicula ipsum.

Oats

Content Image Alt Text

Mauris vitae ultricies leo integer malesuada nunc vel. Dignissim enim sit amet venenatis urna cursus eget. Praesent elementum facilisis leo vel fringilla est ullamcorper eget nulla. Consectetur adipiscing elit pellentesque habitant morbi. Sagittis orci a scelerisque purus semper eget duis at tellus. Platea dictumst vestibulum rhoncus est pellentesque elit ullamcorper dignissim. At lectus urna duis convallis convallis tellus id. Nunc sed blandit libero volutpat sed cras ornare arcu dui. 

Wheat

Content Image Alt Text

Ac tortor dignissim convallis aenean. Nibh mauris cursus mattis molestie a iaculis. Venenatis urna cursus eget nunc scelerisque viverra mauris in aliquam. Egestas egestas fringilla phasellus faucibus. Amet nisl suscipit adipiscing bibendum est ultricies integer quis auctor. Facilisi etiam dignissim diam quis enim lobortis. Tellus at urna condimentum mattis pellentesque id nibh tortor id. Sed tempus urna et pharetra pharetra massa massa. Consectetur purus ut faucibus pulvinar. Maecenas accumsan lacus vel facilisis volutpat est velit. Donec adipiscing tristique risus nec feugiat.