Overlay Content is an invisible trigger layer. It has no width, columns, placement, or container settings. Each item has a trigger id (a hash fragment such as overlay-video-hosted), optional video, and HTML before/after the media. Front-end JS walks a[href*="#"], maps the fragment to overlay JSON at /apb/overlay-content/item/{id}, and opens GLightbox. Same-page hashes work; a hash on another URL navigates away. Duplicate trigger IDs last-write-wins.
Use it to open media from a hash in tabs, feature boxes, or links. It cannot be placed — it always stays in field order. Overlay JSON does not follow host moderation or language cache (see Known limitations).
Overview
APB-DOCS-COMP-OVERLAYCONTENT
Overlay Content is an invisible trigger layer. It has no width, columns, placement, or container settings. Each item has a trigger id (a hash fragment such as overlay-video-hosted), optional video, and HTML before/after the media. Front-end JS walks a[href*="#"], maps the fragment to overlay JSON at /apb/overlay-content/item/{id}, and opens GLightbox. Same-page hashes work; a hash on another URL navigates away. Duplicate trigger IDs last-write-wins.
Use it to open media from a hash in tabs, feature boxes, or links. It cannot be placed — it always stays in field order. Overlay JSON does not follow host moderation or language cache (see Known limitations).
Adding the component
Click Add Overlay Content. Add items with a unique trigger id matching hashes on this page. Link to #your-trigger-id from other components. Save. There is no Config row for width or placement.
Component configuration
Parent bundle apb_pb_overlay_content (Overlay Content). Shared fields (section title, placement, width, custom class, intro, container settings, access control) are documented once. Component-specific fields are listed in full from the live Field API dump dated 2026-09-03T03:15:35+00:00.
This component has no container-settings plugin. There is no padding/margin/border/background JSON on the parent.
| Field | Label | Type | Required | Accepted values | Default | Notes |
|---|---|---|---|---|---|---|
field_apb_section_title | Section Title | string | no | — | empty | Shared. See Shared settings. |
field_apb_overlay_content_items | Overlay Content Items | entity_reference_revisions | no | entity: paragraph (apb_pi_overlay_video) | empty | — |
Component items
APB Overlay Video Items apb_pi_overlay_video
| Field | Label | Type | Required | Accepted values | Default | Notes |
|---|---|---|---|---|---|---|
field_apb_pi_trigger_id | Trigger ID (without the '#' symbol) | string | yes | — | empty | <ul> <li><strong>Please add an ID for this content, avoiding special characters and spaces.</strong></li> <li>You can use '-' or '_' when creating the ID. For example: "about-us-video"</li> <li><strong>Then, create a link and point to this ID. </strong></li> <li>Remember to include the '#' symbol before the ID when creating the link.</li> </ul> |
field_apb_pi_title | Title | string | yes | — | empty | — |
field_apb_pi_video | Overlay Video | entity_reference | no | entity: media (remote_video, video) | empty | — |
field_apb_pi_body | Text Before | text_long | no | — | empty | — |
field_apb_pi_body2 | Text After | text_long | no | — | empty | — |
status | Published | boolean | no | — | [{"value":true}] | — |
Examples
Live working examples are on the demo site. Open https://demo.apb.aero.net/components/overlay-content for configurations of this component. That page links back here as View documentation.
Shared layout options are not repeated in the video.