SVResolution

SVResolution is a small helper utility for MODX Revolution that helps during responsive layout development with Bootstrap. It displays a compact frontend indicator showing the current Bootstrap breakpoint and the browser viewport width in pixels, so you can immediately see which responsive range the page is currently in and how the grid, styles, and adaptive elements should behave.

This is especially useful in everyday work with templates and pages, because Bootstrap breakpoints are the basis of responsive interface behavior. The component supports Bootstrap 3, 4, and 5.

SVResolution lets you configure the indicator color and position, as well as restrict who can see it. The indicator works only in development/service mode: it is visible on the frontend only to an authenticated MODX manager user from the allowed user group. The component is implemented as a plugin connected to MODX system events and does not require adding snippet calls to site templates.

Since version 1.0.3, the visible indicator is no longer injected directly into the page HTML. The page receives only a small JavaScript loader, while the indicator itself is loaded through a separate service request after checking the MODX manager session and the allowed user group. This reduces the risk of exposing the helper indicator to regular visitors through cached page HTML.