Allow changing the width of columns when adding sections to a Modern Page
Looks like you can't change columns' width when creating a new section in a Modern Page. Being able to chage it would be very useful. My classic page, for example, has a section containing 3 columns, where the first and last ones have their width set to 25%, while the central one has width set to 50%. In Modern Pages, I can only have 3 columns with the same width, 33% in this case.
Thanks you for the suggestion. We’ve discussed adding additional column layout options (e.g. 4 columns, the specific example provided by the initial suggester 25/50/25, etc.) If we wanted to keep pages consistent (so there aren’t 50 layouts), but allow additional flexibility, what would be the next three layout choices you’d add? Thanks!
Steven Jackson commented
Understand the requirement of consistency. More standardized options rather than customization.
1. Vertical sections on each side
2. 4 columns
3. 5 columns
I really want less header/side wasted space. It would be really nice to have 4 columns with the various layouts described and ability to expand them to be the full page size. Thank you.
Two layouts to add:
1. 4 Column layout
2. 25-50-25 layout
For consideration later, a full grid system where you can specify the grid similar to something like Bootstrap.
still no freedom for you users? we have to do what you want?
Susan Easton commented
4 columns with ability to set %.
Amy R commented
4 columns and the ability to make column % whatever we want.
To Site Product Team. If you added just the 4 column, and the 25/50/25, that would be enough in my humble opinion.
There is a way to do a 25-50-25 layout.
1. Edit the page and go to Section Layout
2. Add a Vertical Section
3. Change your page layout to One-Third Left column
This gives you a smaller column on the right and left, and a larger column ~50% in the middle. This also expands the sections so that it uses more of the screen. Less white space on left and right sides.
The disadvantage here is that the "Vertical Section" goes all the way down the page, regardless of how many additional sections you have.
Not ideal, but it works.
Fabian Medina commented
Allowing ability to set % would be great too.
I would say having the 4 columns layout would be great. Then allowing custom widths in 2 and 3 column layouts. I suspect the knock on effect is that web part behaviour will have to be updated to match the column widths which is probably what you are dreading having to do.
This is a big one for my team too. We would love to see the 25/50/25 layout.
By not allowing me to change column width or change the background color on two columns, you prevent me from creating visual separations which are necessary so my users can find what then need.
How can I change the background color on a column, or change the column width?
Please have 4 columns layout option.
I have just come across this! I would appreciate being able to manually adjust the column widths when using 2 or 3 column formats.
Tom Burke commented
To respond to MS's response to this, it's not about what layout choices are provided, it's about being able to specify the actual widths of the columns ourselves, e.g.: "10%, 15%, 50%, 25%". Responsive design is important but sometimes these kinds of customizations are necessary, especially given the excessive whitespace in Modern pages.
Please please enable facility to have at least 4 columns. 3 is not enough
set custom width
Karen Poquette commented
nesting sections would be a gamechanger