Kitchen sink hero
Target placement Top region. ADV-SINK-HERO. apb-placement.js appends this slideshow to #presentation-region.
Bullet-under navigation on a relocated hero. If this slide is missing, Splide did not init after the DOM move.
Kitchen sink
One of every parent bundle, plus a site-local Webform paragraph if Webform is enabled. Overlay content is invisible by design. The hero sits in Top region. The closing links append to Main Content Bottom. Everything else stays in Body. If a library only inits once per page, the later sibling on Motion collision is the place that will fail first. This page only asks each library to run once. The feedback form is Ajax on purpose: Drupal form JS next to Splide, Embla, and GLightbox.
Feature boxes, type 3
APB is a flat ERR list of parents. There is no parent-inside-parent field.
Items hang off a parent. Profiles add one more level for social rows.
Target placement relocates the whole parent in the DOM. It does not nest it.
Accordion, first closed
ADV-SINK-ACC. Slideshow, overlay, logos, feature box, this accordion, tabs, carousel, gallery, links, profiles, special list, read more, video, Views, simple content, Webform (if enabled), closing links.
You cannot put this accordion inside a simple-content column. The closest equivalent is placing a parent into a region item, which is a DOM move after render.
Horizontal tabs
ADV-SINK-TABS. On a phone this component becomes an accordion. Height is auto.
Splide (slideshow, carousel, simple-content images), Embla (logos), GLightbox (gallery, links, video, overlay, profiles), accordion-js, custom tabs, simpleParallax.
This parent stays in Body. The hero used Top region. The last links band uses Main Content Bottom.
The paragraphs widget is Legacy, edit mode open. A page this dense is slow to open in Gin. That is a planning constraint, not a content bug.
Carousel, medium, no autoplay
-
Simple content -
Slideshow -
Views -
Video -
Read more -
Special list
Gallery grid
Links, Type 2
Profiles, photo Left
ADV-SINK-PROFILE. Photo position Left is unused on Capabilities. Click for the modal JSON.
Special list, Red
ADV-SINK-SL. Color style Red. Icon bottom on the last item.
Read more
ADV-SINK-RM. CS02 is Yellow, Orange and Red.
Second paragraph so the fold is real.
Third paragraph, same reason.
Video grid
Views boxed cards
ADV-SINK-VIEWS. Boxed card, limit 3, no pager. Lives next to GLightbox and Splide on the same URL.
Felis quisque nulla fusce ipsum vel mi sit sit et portaest commodo dolor vel accumsan congue massa varius nec a mi nisi tristique accumsan consectetur.
Portaest sed quisque tempus nunc morbi…
Felis quisque nulla fusce ipsum vel mi sit sit et portaest commodo dolor vel accumsan congue massa varius nec a mi nisi tristique accumsan consectetur.
Portaest sed quisque tempus nunc morbi…
Felis quisque nulla fusce ipsum vel mi sit sit et portaest commodo dolor vel accumsan congue massa varius nec a mi nisi tristique accumsan consectetur.
Portaest sed quisque tempus nunc morbi…
Rutrum hendrerit purus adipiscing et purus orci erat ipsum tortor varius scelerisque orci purus condimentum euismod felis arcu accumsan proin suspendisse mi ex tristique ac.
Elementum varius…
Rutrum hendrerit purus adipiscing et purus orci erat ipsum tortor varius scelerisque orci purus condimentum euismod felis arcu accumsan proin suspendisse mi ex tristique ac.
Elementum varius…
Rutrum hendrerit purus adipiscing et purus orci erat ipsum tortor varius scelerisque orci purus condimentum euismod felis arcu accumsan proin suspendisse mi ex tristique ac.
Elementum varius…
50 / 50 closer
ADV-SINK-SC. The image item is a Splide of its own, on a page that already has a slideshow Splide and a carousel Splide. Nested layouts exercises more templates.
Main Content Bottom
ADV-SINK-BOTTOM. Placement Main Content Bottom. After JS this is the last child of #apb-main-content.