My Test Page
Container Demo
Every container type, rendered per the Container Layout settings for the Customer flavor. Change a setting (CIS Web Business Manager → Container Layout), reload here. Resize the window across the breakpoints to see Desktop/Tablet/Phone modes switch.
Tiles (status counters)
modes — Desktop: 9 · Tablet: 3 · Phone: 4
Media strip (image cards)
modes — Desktop: wrap4 · Tablet: wrap3 · Phone: strip
Filter bar
modes — Desktop: inline · Tablet: wrap · Phone: inline
Information block
modes — Desktop: show · Tablet: show · Phone: collapsed
About this page. This is an informational block — it can show fully, collapse to its first line, or hide entirely per band. On phone it defaults to collapsed so it doesn't push the real content down. Resize to see it change.
Card density
modes — Desktop: comfortable · Tablet: comfortable · Phone: compact
Padding changes with the density mode (comfortable vs compact).
Padding changes with the density mode (comfortable vs compact).
Padding changes with the density mode (comfortable vs compact).
Navigation menu
modes — Desktop: sidebar · Tablet: hamburger · Phone: hamburger
Action bar
modes — Desktop: inline · Tablet: stack · Phone: menu
Detail / Overlay
modes — Desktop: drawer · Tablet: drawer · Phone: drawer
This is a behavior mode (no layout CSS): it controls how the Detail sheet opens — drawer (slide-over), modal (centered), or expanding (inline). Wired live on the Packages grid.