Forums

I would like to create an identical module with Chronoform to replace the built-in template. But I can't find a solution to divide the columns (in the grid area) proportionally. How should I do it?

Instead of "auto" set a size. Semantic-UI uses a 16 column grid.

Thank you for your answer.
As I indicated in the screenshot, I use a grid area to divide the form into columns.
By accessing the settings of this grid area (by clicking the edit icon), in the general tab, the "Row" section doesn't allow any manual entry on the "Column width" value.
The only values that I can setting are those on the dropdown menu: "Auto, Two, Three, Four, Five, Six, Seven, Eight, Nine, Ten, Eleven, Twelve, Thrteen, Fourteen"
The column width isn't digitable!

So instead of auto, give them each one of those values?

Row Settings > Column Count = Equal, and set all Columns with to Auto
​
Best regards

Unfortunately it doesn't work;I had already tried it!
Is there really no way to force dimensions proportionally?
For example: 25% - 25% - 12% - 12% -25% ?

Equal row + auto column will divide the width evenly, 4 columns will get 25% each!
​
But you have 5 columns then you will get 20% each
​
Best regards

I'm sorry! In fact, rereading my first post, I was wrong. I wanted to copy the old form with a column subdivision with different percentages - not proportional (with equal measures). Excuse me!

Thank you, Max, for your answer, but it is confirmed that it is currently not possible to have a custom (with different widths) column subdivision (as mentioned above). I want to copy the style of the built-in module (in the RT template) and replace the old module with your chronoform.

What happens when you use numbers instead of setting them to "auto"? And have you tried giving the columns a Semantic-UI column width class? For example "two wide"

Unfortunately, I didn't immediately understand the width conversion in sixteenths. Now it is clearer to me. With a change (.ui.grid> .row> .column) in the SCSS I got a very similar module. Thank you all. You can close this thread.

You shouldn't need to make changes to CSS but you do you

You shouldn't need to make changes to CSS but you do you

I using Rockettheme templates with Gantry5 framework....
http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
and every customization don't change the core files of any component.