Enable CSS Grid on wrapper level in Pro Forms

Feature Requests
1

Hello,

In Pro Forms, I’d love the ability to define CSS Grid directly on the wrapper level (e.g., the Checkbox Wrapper element and its children) without needing to write custom CSS.

This would let users take full advantage of Bricks’ built-in Visual Grid Builder, offering much better control over the layout, structure, and spacing of form elements.

Current approach (custom CSS):

%root% .options-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: auto;
}

Requested approach (Visual Grid Builder):

Allow the same configuration visually using the Grid Builder UI on the wrapper element, so users can set columns, rows, and gaps directly within the builder.

scrn
scrn2374×1072 104 KB

Thank you for considering this!

1 Like