When Flex=true, controls the flex direction. 'column' (default) stacks
children vertically. 'row' lays them out left-to-right, useful for
left-rail + content shells (Admin's admin-container, KH Config, etc.).
Ignored when Flex=false.
When true, switches the body to flex layout (with position: relative)
so a child marked flex: 1 can fill the remaining vertical space — e.g., a main
content area sitting under a banner row. Defaults to false (block flow).
Combine with Direction="row" to lay out children left-to-right (rail + content).
When false, removes the default 24px gutter. Defaults to true.
mj-page-body — Standard body region for MJ Explorer dashboards / resource pages.
Sits inside
<mj-page-layout>after<mj-page-header>. Provides the canonical page body recipe:flex: 1,min-height: 0, padded gutters, vertical scroll.Escape hatches:
[Padding]="false"— remove the 24px gutter (e.g., pages whose inner content owns the gutter itself, like File Browser or AI Analytics shell).[Flex]="true"— switch the body toflex; flex-direction: column; position: relativeso a child markedflex: 1(e.g., a main content area that should fill remaining height under a banner row) can grow correctly.Note: overflow-y is intentionally always
autoand not configurable.mj-page-layoutalready hasoverflow: hidden, so any body content that exceeds the visible area would be silently clipped if the body itself didn't scroll. Pages with split-pane layouts whose children manage their own scroll regions should usemin-height: 0 + flex: 1on the inner panes so nothing overflows the body — auto stays harmlessly inactive.Example: