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:
- Open the Row, Column, or Module settings.
- Click the "Advanced" tab.
- Scroll to the bottom.
- Enter your desired class in the "Classes" field. (To add multiple classes, separate them with a space.)
- Hit "Save"
Bonus: You can add the class invert to any element to create inverted text (like this!)
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.
Filters
Dynamic - Grid with Filters - Posts
Tip: Use this as a base for creating your own grid layouts. The partial is already prepped.
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…
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…
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…
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…
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…
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…
National Work Zone Memorial spotlights the cost of work zone crashes
National Work Zone Memorial spotlights the cost of work zone crashes 20 new names in 2025 brings work zone crash…
3M’s 10 years of fundraising add up for ATSS Foundation
3M’s 10 years of fundraising add up for ATSS Foundation Toward Zero Deaths Pledge Wall started with 3M’s iconic Post-it…
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
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…
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…
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…
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.