The MB Columns extension (part of the Meta Box framework) is a lightweight utility designed to organize custom fields into a structured grid layout within the WordPress admin area. It replaces the default vertical stacking of fields with a responsive 12-column grid.
This is EXACTLY the same product as distributed by the developer. Sales Page
1. Grid System & Core Logic
The plugin operates on a standard 12-column system, similar to Bootstrap. You define how many units (out of 12) a field should occupy.
-
Row Generation: The plugin automatically groups fields into a
divwith the class.rwmb-row. -
Automatic Calculation: If a row exceeds 12 units, the plugin automatically breaks the line and starts a new row.
-
Responsive Behavior: By default, columns stack vertically on smaller screens (mobile) to maintain usability.
2. Implementation Methods
You can configure columns using two primary methods: Simple Syntax (for quick layouts) and Advanced Syntax (for custom styling).
A. Simple Syntax (Field Level)
You add the columns parameter directly to individual field arrays.
B. Advanced Syntax (Meta Box Level)
You can define the entire grid layout within the Meta Box configuration array using the columns key. This allows for cleaner code if you have many fields.
3. Key Technical Specifications
| Feature | Specification |
| Grid Basis | 12-column fluid grid |
| Container Class | .rwmb-row |
| Column Class | .rwmb-column |
| Compatibility | Works with all 40+ Meta Box field types (text, images, groups, etc.) |
| Nesting | Supports nested columns inside group fields |
| Requirements | Meta Box (Free) core plugin must be active |
4. Important Usage Notes
-
Hidden Fields: Even if a field is hidden via
Conditional Logic, the grid may still reserve its space unless configured otherwise. -
Total Sum: To ensure a perfect horizontal alignment, ensure the
columnsvalues of adjacent fields add up to exactly 12. -
MB Builder Support: If you prefer a visual interface, MB Columns is fully integrated into the Meta Box Builder (UI), allowing you to drag to resize field widths.
- Categories: WordPress Plugins
- Tags: Meta Box
