OCI

Three Column Template

layout-row + layout-row-3 + layout-col-span-2

Context Help

How To Use This Template

This template demonstrates a generic 3-column row where the first card uses 1/3 width and the second card spans 2/3 width.

Reusable Row Layout Utilities

.layout-row .layout-row-1 .layout-row-2 .layout-row-3 .layout-row-4 .layout-col-span-2 .layout-col-span-3 .layout-col-span-4

Column 1

Filters Card (1/3)

Use this slot for compact controls or mode selectors.

Columns 2 + 3

Entity Listing Card (2/3)

This pattern maps to the Resource Principals Dynamic Group mode layout.

ExampleDescription
layout-row-3Creates three equal columns
layout-col-span-2Extends card across two columns