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.
How MIXI protected from cheating with Digital.ai Application Security
Read about how MIXI stopped the “One Punch Cheat” with…
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
Customers
Trusted By Enterprise Customers
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.
Air France-KLM Speeds Up Java Application Deployment with Digital.ai Deploy
With Digital.ai, Air France-KLM has been able to shorten the turnaround time for major projects by several weeks.
Schneider delivers better value to the business with Digital.ai
Learn how Schneider eliminated hand-offs between teams, automated common developer workflows, and gained visibility into processes so it can measure performance and identify areas for improvement.
Stater successfully implements DevOps with Digital.ai
Agile DevOps process featuring Digital.ai Release, formerly XebiaLabs XL Release, and Digital.ai Deploy, formerly
XebiaLabs XL Deploy, to automate, standardize, and orchestrate the software delivery process, as demonstrated by Stater
Introducing Quick Protect Agent: Enterprise-Grade Application Security in Minutes
Protect every mobile app—fast. Digital.ai Quick Protect Agent offers no-code, MASVS-aligned security with anti-tamper, anti-analysis, and AI threat defense. Join us for a hands-on demo.
Unlocking the true impact of AI: Powering Smarter Software Delivery at Vodafone
Discover how Vodafone leverages AI to enhance its SDLC in this exclusive Digital.ai webinar. Learn where AI drives the most value, key metrics to track, and how to scale AI adoption for maximum impact.
SmartWave Smart Day
Learn how to create and connect your applications, protect identities and boost your production launches.
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.