Elements

(Dynamic)


Dynamic elements automatically pull content in from other places (like a feed of blog posts).

In many cases, you can use CSS classes like .bg-dark, .larger or .invert to quickly modify the appearance of many of these sections. To learn more about available classes, visit your Style Guide.

Looking for more elements?
Visit your static elements library.

⚡️ Quick Tip

How to use classes in the page builder

All page builder elements, from rows, to columns, to modules, allow you to assign custom CSS classes to manipulate their appearance in a predefined way. We have indicated when this is the case with any of the elements below.

To assign a class to an element:

  1. Open the Row, Column, or Module settings.
  2. Click the "Advanced" tab.
  3. Scroll to the bottom.
  4. Enter your desired class in the "Classes" field. (To add multiple classes, separate them with a space.)
  5. Hit "Save"

Bonus: You can add the class invert to any element to create inverted text (like this!)

Click to open larger.

Featured

Dynamic - Featured Event

Tip: Use this as a base for creating your own feed item layouts. This one is useful for meta-heavy results.

Please try a different search.

Feed

Dynamic - Feed - News

Tip: Use this as a base for creating your own feed item layouts. This one is useful for meta-heavy results.

Dynamic - Feed - Awards

Tip: Use this as a base for creating your own feed item layouts. This one is useful for meta-heavy results.

Example Award Three

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut…

Example Award Two

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi.

Example Award One

Sunt in culpa qui officia deserunt mollit anim id est laborum.

Grids

Dynamic - Grid - Featured Events

Tip: Use this as a base for creating your own grid layouts. The partial is already prepped.

Please try a different search.

Dynamic - Grid - Events Grid

Tip: Use this as a base for creating your own grid layouts. The partial is already prepped.

Please try a different search.

Dynamic - Grid - Resources

Tip: Use this as a base for creating your own grid layouts. The partial is already prepped.

Example Resource Five

Dolor sit amet consectetur adipiscing.

Example Resource Six

Dolor sit amet consectetur adipiscing.

Example Resource Seven

Dolor sit amet consectetur adipiscing.

Dynamic - Grid - People

Tip: Use this as a base for creating your own grid layouts. The partial is already prepped.

Mike Madrid
Mike Madrid
Lafayette, Ind.
Tim McNelis
Tim McNelis
Indianapolis, Ind.
Brad Henry
Brad Henry
Columbia, Tenn.

Filters

Dynamic - Grid with Filters - Posts

Tip: Use this as a base for creating your own grid layouts. The partial is already prepped.

August 14, 2025
Innovations spotlighted in Summer issue of Roadway Safety

Innovations spotlighted in Summer issue of Roadway Safety Safety breakthroughs developed for drivers, pedestrians and workers In effort to break…

July 22, 2025
Registration is now open for Convention 2026

Registration is now open for Convention 2026 Sign up now for ATSSA’s Annual Convention & Traffic Expo Registration is now…

July 1, 2025
Foundation provides community for scholarship recipient

Foundation provides community for scholarship recipient Student’s father killed in work zone crash before her birth Taylor Lingafelter can only…

June 9, 2025
Apply now for Public Agency Scholarships for ATSSA’s 2026 Convention & Traffic Expo

Apply now for Public Agency Scholarships for ATSSA’s 2026 Convention & Traffic Expo Local, state and federal transportation agency officials…

June 4, 2025
RK&K team gives to the ATSS Foundation to support work zone safety

RK&K team gives to the ATSS Foundation to support work zone safety Employees at RK&K donated more than $4,000 to…

May 21, 2025
Roadway Safety explores HFST, advocacy, deskless workers and more

Roadway Safety explores HFST, advocacy, deskless workers and more The Florida Department of Transportation (FDOT) demonstrated the value of high…

May 7, 2025
ATSS Foundation awards nine scholarships for 2025-26 academic year

ATSS Foundation awards nine scholarships for 2025-26 academic year The ATSS Foundation awarded Roadway Worker Memorial Scholarships to nine students…

May 5, 2025
Epic Solutions awards company handliner to winning bidder

Epic Solutions awards company handliner to winning bidder Epic Solutions Inc. announced Davies Imperial Coatings as the winning bidder for…

Dynamic - Grid with Filters - Resources

Tip: This row has the class .open-grid-filters-content that allows the content to have a different 'open' layout. This class only works with the configuration this whole row/content has. Please don't add this class to any other row.

Example Resource Five

Dolor sit amet consectetur adipiscing.

Example Resource Six

Dolor sit amet consectetur adipiscing.

Example Resource Seven

Dolor sit amet consectetur adipiscing.

Dynamic - Feed - Grid with Filters - Groups

Tip: This row has the class .open-grid-filters-content that allows the content to have a different 'open' layout. This class only works with the configuration this whole row/content has. Please don't add this class to any other row.

Example Group Five

Hac habitasse platea dictumst quisque sagittis. Lacus viverra vitae congue eu. Et pharetra pharetra massa massa ultricies. Eleifend mi in…

Example Group Six

Hac habitasse platea dictumst quisque sagittis. Lacus viverra vitae congue eu. Et pharetra pharetra massa massa ultricies. Eleifend mi in…

Example Group Seven

Hac habitasse platea dictumst quisque sagittis. Lacus viverra vitae congue eu. Et pharetra pharetra massa massa ultricies. Eleifend mi in…

EXTRAS

Dynamic - Related Content - Posts

Related News

January 6, 2022
Applications due by Feb. 15 for Roadway Worker Memorial Scholarships

A work zone tragedy shouldn’t mean the end of the dreams and aspirations for the worker’s children or spouse. Roadway Worker Memorial Scholarships, offered by The American Traffic Safety Services ATSS Foundation, can help put the worker’s dependents on the road to a brilliant future. Applications for the 2022-23 academic year are due by Feb. 15. The Roadway Worker Memorial Scholarship Program provides financial assistance for post-high school education to the children or spouse of a roadway worker killed or permanently disabled in a work zone incident. Applicants who demonstrate a strong commitment to volunteerism may be eligible to receive an additional $1,000 in honor of Chuck Bailey, an esteemed member of the roadway safety industry from Ohio who died in 2002 as a result of an accident. A work zone tragedy shouldn’t mean the end of the dreams and aspirations for the worker’s children or spouse. Roadway Worker Memorial Scholarships, offered by The American Traffic Safety Services ATSS Foundation, can help put the worker’s dependents on the road to a brilliant future. Applications for the 2022-23 academic year are due by Feb. 15. The Roadway Worker Memorial Scholarship Program provides financial assistance for post-high school education to the children or spouse of a roadway worker killed or permanently disabled in a work zone incident. The competitive program provides scholarships valued up to $10,000 per student each year. Applicants who demonstrate a strong commitment to volunteerism may be eligible to receive an additional $1,000 in honor of Chuck Bailey, an esteemed member of the roadway safety industry from Ohio who died in 2002 as a result of an accident. The Roadway Worker Memorial Scholarship Program celebrates its 20th anniversary this year and has awarded $358,000 since its inception. Thirteen students are currently attending college thanks to a Roadway Worker Memorial Scholarship. Two of those also received a Chuck Bailey Memorial Scholarship for this school year. Hear from Roadway Worker Memorial Scholarship recipients about how The ATSS Foundation scholarships helped them achieve their dreams. “It is a privilege to help the dependents of fallen or permanently injured roadway workers pursue their goals,” said Foundation Director Lori Diaz. “But we couldn’t offer these scholarships without the generosity of individual donors, ATSSA members and sponsors of the events we hold throughout the year. Everyone’s contribution is essential to helping these worthy students pursue their dreams.” The ATSS Foundation is the charitable arm of ATSSA. It was formed in 1988 with the core purpose to promote roadway safety through charitable giving and public awareness programs. Donations can be made at Foundation.ATSSA.com/Donate.

Dynamic - Related Content - Events

Related Events

Please try a different search.

Dynamic - Related Content - Resources

Related Resources

Example Resource Five

Dolor sit amet consectetur adipiscing.

Example Resource Six

Dolor sit amet consectetur adipiscing.

Example Resource Seven

Dolor sit amet consectetur adipiscing.