Aero Page Builder (APB) lets you build a page by stacking ready-made components — an accordion, a carousel, a gallery, a list of links — without writing HTML. This documentation explains what every setting does and what you will see on the page after you save.
How this documentation is organized
The documentation has two parts:
- APB Basics explains the settings that every component shares: the section title, the width, the columns, where the component appears on the page (target placement) and the container settings (spacing, borders and backgrounds). Read this part once; every component page links back to it instead of repeating the same explanation fifteen times.
- Components has one page per component: purpose, structure, settings and defaults, item fields, how to use it, tips, and a technical box for site builders. It points to APB Basics for the shared settings instead of repeating them.
If you are new to APB, start with Getting started, then skim the rest of APB Basics. You do not need to memorize anything: the pages stay here so you can come back when a setting is unclear.
APB Basics
- Getting started — Where the Page Builder is on the edit form, how to add, reorder, collapse and remove components, and how to save.
- Section Title and Intro Text — The heading above a component, the switch that shows or hides it, and the optional introduction paragraph.
- Component Width — Make a component span the full content area or a narrower, centered portion of it (from 25% to 100%).
- Columns and Column Gap — How many items sit side by side and how much space separates them.
- Target Placement — Move a component out of the body and into another area of the page: above the title, in a sidebar, at the top or bottom of the main content.
- Container Settings — The box around a component: padding and margins, border, background color, image or video, and parallax.
- Color Style — The preset color palettes (Black, White, Teal Blue, Blue, Orange, Green, Red, Silver and Blue) used by several components.
- Advanced settings — Custom Class (for designers) and Access Control (show a component only to some user roles).
Components
One page per component. Each page follows the same outline: what the component is for, its structure (the component and its items), a table of its settings with defaults, the item fields, a step-by-step recipe, tips, and a short technical box for site builders (module, dependencies, vocabularies, example page).
- Accordion — Stacked panels that open and close; FAQs and grouped details.
- Carousel — A row of images scrolled with arrows or autoplay; one column makes a slideshow.
- Feature Box — A grid of image cards with title, text, button or full-card link; seven display types.
- Image Gallery — Thumbnails (grid or single) that open a lightbox.
- Infinite Logos — A continuously scrolling strip of logos with tooltips and hover effects.
- Links — Rich link lists and buttons: URL, file, video lightbox, content overlay.
- Overlay Content — Hidden video/text panels opened from any link by a Trigger ID.
- Profiles — People cards with photo, contacts, social links and a bio pop-up.
- Read More — A long text collapsed to a chosen height with View More / View Less buttons.
- Simple Content — The layout grid: text, images, backgrounds and regions that host other components.
- Slideshow — Full-width banners with text over images or video, one at a time.
- Special List — A grid of icon + title + description entries, optionally linked.
- Tabs — Content split into tabs, horizontal or vertical, accordion on phones.
- Video — Uploaded or YouTube/Vimeo videos, inline or as a lightbox grid.
- Views — Embeds a Drupal View as is or as a grid of boxed cards.
Conventions used in these pages
- Field names are written exactly as they appear in the editor, for example Component Width or Target Placement.
- Diagrams are simplified drawings; the gray boxes stand for any component. Screenshots come from the editor of the demo site and may differ slightly in color from your site.
- A component is one block you add to a page (an Accordion, a Carousel, …). An item is one entry inside a component (one accordion panel, one slide, one link).