Quick Links options (in the article column)

pediatric-emergency-medicine-clinical-pathways-2x

These evidence-based pathways function as a guideline for clinical care. Please consult your local hospital resources as appropriate.

Click below to download the clinical pathway PDFs.

Sample page, not real content

This is a copy of the Pediatric Emergency Medicine Clinical Pathways page, filed under sprint-3 for BM2-893. Everything above is the real page. Below, the Important forms component has been replaced by eleven copies of itself. Every copy points at the same datasource, so the content is identical; only the two settings an editor can pick differ.

The first specimen is exactly what the live page renders today. The ten after it are both variants crossed with all five sizes in the ContainerSize droplist. Compare each one against the body copy above and the contact cards below, and widen and narrow the browser: the sizes separate differently at 1024px, 1200px, 1440px and 1488px.

These specimens sit in the article's own content column, which the template wraps in a Large container. The nesting does not cancel the setting; each block's own padding still applies inside that column. The companion sheet at quicklinks-options-full-width shows the same specimens with no such parent.

What the live page does today

1. Two columns, ContainerSize left unset

The live setting. The bare ContainerSize flag in the layout XML parses as absent, so the component's own Medium fallback engages. Identical to the Two columns / Medium specimen further down. A two-column grid holding one link is why the block reads as mostly empty space.

Default variant, the five sizes in the droplist

2. Default + ContainerSize = Small

max-w-[917px], no side padding from 1024px up. This is exactly what BodyCopy renders at on this page, so the block lands on the same width and the same left edge as the paragraph above it.

Important forms

3. Default + ContainerSize = Medium

max-w-screen-xl (1440px) with 118px of side padding from 1024px up. The component's own fallback, and what the live page renders today.

Important forms

4. Default + ContainerSize = Large

max-w-screen-xl with 24px of side padding, dropping to none at 1488px.

Important forms

5. Default + ContainerSize = Hero

max-w-spWide (1920px) with 24px of side padding from 1024px up. Below 1488px its cap never bites, so it matches Large.

Important forms

6. Default + ContainerSize = Full

max-w-spWide with no side padding at all.

Important forms

Two columns variant, the five sizes in the droplist

7. Two columns + ContainerSize = Small

max-w-[917px], no side padding from 1024px up. This is exactly what BodyCopy renders at on this page, so the block lands on the same width and the same left edge as the paragraph above it.

8. Two columns + ContainerSize = Medium

max-w-screen-xl (1440px) with 118px of side padding from 1024px up. The component's own fallback, and what the live page renders today.

9. Two columns + ContainerSize = Large

max-w-screen-xl with 24px of side padding, dropping to none at 1488px.

10. Two columns + ContainerSize = Hero

max-w-spWide (1920px) with 24px of side padding from 1024px up. Below 1488px its cap never bites, so it matches Large.

11. Two columns + ContainerSize = Full

max-w-spWide with no side padding at all.

For questions, please contact the Pediatric Emergency Medicine Quality and Safety Leadership team:

Contact us

San Francisco hospital

Israel Green-Hopkins, MDDirector of Quality and Safety, Co-Director of PEM Center for Quality, Safety and Analyticsisrael.green-hopkins@ucsf.edu

Oakland hospital

Emily Roben, MD, MSDirector of Quality and Safety, Co-Director of PEM Center for Quality, Safety and Analyticsemily.roben@ucsf.edu

Pediatric Access Center Oakland

Pediatric Access Center San Francisco