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!)
List Feeds
Dynamic - List - Featured
Tip: You can also use these items as one-offs (displayed without a feed) to highlight just one piece of content.
Sorry, we couldn't find any posts. Please try a different search.
Dynamic - Simple List w/ Image
Tip: Use this as a base for creating your own feed item layouts. This one is useful for meta-heavy results.
Sorry, we couldn't find any posts. Please try a different search.
Dynamic - Complex List
Tip: Use this as a base for creating your own feed item layouts. This one is useful for meta-heavy results.
Sorry, we couldn't find any posts. Please try a different search.
Dynamic - Complex List w/ Image
Tip: Use this as a base for creating your own feed item layouts. This one is useful for meta-heavy results.
Sorry, we couldn't find any posts. Please try a different search.
Grid Feeds
Dynamic - Simple Grid
Tip: Use this as a base for creating your own grid layouts. The partial is already prepped.
Sorry, we couldn't find any posts. Please try a different search.
Dynamic - Case Study Logo Grid
Dynamic - Complex Grid
Tip: Use this as a base for creating your own grid layouts. The partial is already prepped.
Sorry, we couldn't find any posts. Please try a different search.
How MIXI protected from cheating with Digital.ai Application Security
Read about how MIXI stopped the “One Punch Cheat” with…
How GE Vernova Streamlines DevOps to Accelerate the Transition to a New Era of Energy
GE Vernova’s technology powers approximately 25% of the world’s electricity. To enhance the reliability and performance of its power generation equipment, the Monitoring and Diagnostic (M&D) team integrates Digital.ai’s solutions.
Grass Valley Slashes Application Piracy, Increasing Revenue, Innovation, and Trust
Read how this leading technology provider for the live media…
heise devsec
October 1, 2025
Regensburg, Germany
Attack vectors on software projects are becoming increasingly sophisticated and target the entire software supply chain. heise devSec helps you identify and prevent vulnerabilities early on.
Enterprise AI Summit
September 15-16, 2025
Radisson Blu Hotel, Frankfurt
The Enterprise AI Summit explicitly addresses concrete use cases for the practical application of artificial intelligence and machine learning.
Enterprise Tech Leadership Summit
September 23-25, 2025
Fontainebleau Las Vegas
Where senior technology leaders, subject matter experts, and technologists from diverse industries unite to redefine how large, complex organizations deliver software to achieve marketplace success.
Dynamic - Big Featured Item
Tip: This item uses the same markup (and partial) as the full bleed grids above, so you can reshape it using the height CSS classes described above. It also uses the .larger
class to make the title bigger.
Sorry, we couldn't find any posts. Please try a different search.