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.

Tim McNelis
Tim McNelis
Indianapolis, Ind.
Brad Henry
Brad Henry
Columbia, Tenn.
Haley Norman
Haley Norman
Ex-Officio
Muskogee, Ok.

Filters

Dynamic - Grid with Filters - Posts

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

July 24, 2024
ATSS Foundation Receives 2024 ASAE Power of Associations Silver Award

NEWS RELEASE Contact: Maria Robertson ATSSA Director of Marketing & Communications communications@atssa.com   ATSS Foundation Receives 2024 ASAE Power of…

June 10, 2024
Foundation awards 12 Roadway Worker Memorial Scholarships for 2024-2025

Foundation awards 12 Roadway Worker Memorial Scholarships for 2024-2025 Winners include four new recipients, two Chuck Bailey Memorial Scholarships The…

May 29, 2024
Changes in store for ATSSA’s 2025 Convention & Traffic Expo

Changes in store for ATSSA’s 2025 Convention & Traffic Expo Check out innovative plans for ATSSA’s event in Orlando, Fla….

May 15, 2024
Relive ATSSA’s 2024 Convention through Convention Extra

Relive ATSSA’s 2024 Convention through Convention Extra Special Section features awards, events and tips from history maker Carey Lohrenz ATSSA’s…

April 8, 2024
Host the National Work Zone Memorial to honor roadway workers

Host the National Work Zone Memorial to honor roadway workers Recent worker deaths demonstrate risks of roadway work The recent…

March 20, 2024
Horizon Signal auction raises $38k for the ATSS Foundation

Horizon Signal of Reading, Pa., raised $38,000 for the ATSS Foundation through an online auction during the month of February….

February 13, 2024
3M raises more than $15K for ATSS Foundation through TZD Pledge Wall

Funds raised this year exceed the 2023 total This year’s Toward Zero Deaths Pledge Wall sponsored by 3M raised $15,813…

January 9, 2024
ATSSA reveals redesigned website

ATSSA kicks off 2024 with a new website featuring a modern look with intuitive, user-friendly navigation. “The purpose of the…

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

July 24, 2024
ATSS Foundation Receives 2024 ASAE Power of Associations Silver Award

NEWS RELEASE Contact: Maria Robertson ATSSA Director of Marketing & Communications communications@atssa.com   ATSS Foundation Receives 2024 ASAE Power of…

June 10, 2024
Foundation awards 12 Roadway Worker Memorial Scholarships for 2024-2025

Foundation awards 12 Roadway Worker Memorial Scholarships for 2024-2025 Winners include four new recipients, two Chuck Bailey Memorial Scholarships The…

May 29, 2024
Changes in store for ATSSA’s 2025 Convention & Traffic Expo

Changes in store for ATSSA’s 2025 Convention & Traffic Expo Check out innovative plans for ATSSA’s event in Orlando, Fla….

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.