Ability to adjust containers, eg width or number of columns

[stephen-fueldesign]

Quite often I find that while constructing a page I don't often get the correct column count or column break points correct the first time round.

So far I have not found an easy way to adjust the number of columns or the sizes (breakpoints) other than recreating columns under the current column and moving components from the old section into the new section.

Below are some screenshots showing how Duda allows hovering over a section/container and the borders become bolder and draggable, hence easily allowing one to adjust the column widths.

My wishlist would be for columns to be adjustable via dragging, and if not achievable, then adjustable in container settings.

First image shows normal editor view

The rest shows me adjusting the width.

[bradmac]

👍 definitely a nice to have, but as long as its changing cols based on the 12 col grid system and not setting widths directly in pixels or percentage.

Also would be nice to allow cols to be split, eg so a 2 col container can be made into a 3 col container.

[ducdhm]

@bradmac

Also would be nice to allow cols to be split, eg so a 2 col container can be made into a 3 col container.

It's possible but we need specification for it. Example: When 2 col (6-6), we add other col, so what happens? 2 existing cols will be change to 5-5 and new col will be 2?

[stephen-fueldesign]

What would make sense to me, and other users would be if you have two cols, (6-6) and you split the 2nd col, you should get (6-3-3).

Which means:
12 => 6-6
10 => 5-5
8 => 4-4
6 => 3-3
4 => 2-2
2 => 1-1

Odds could be handle this way:
11 => 6-5
9 => 5-4
7 => 4-3
5 => 3-2
3 => 2-1

That would make sense. Anything else, you have access to the HTML to fine tune.

[ducdhm]

@stephen-fueldesign So how about the case 6-5-1 and I add a col at last?

[stephen-fueldesign]

@ducdhm I would say in the scenario 6-5-1, cols 6 and 5 can be split, but not 1. And in the original post my request was to have all columns adjustable with a hover-drag-and-hold-slider in a way that 6-5-1 becomes 4-4-1, or 6-4-2 (all keeping within 12 grid column).

Adding columns is achieved by splitting an existing column that is "splittable".