Handling column sizes (height)

[franticape]

Hi guys,

I’d like to know if it’s possible by default (using the cornerstone editor) to have 2 columns that have different height.

i’d like the height of one of the columns to fit the content of the same column instead of inheriting the height of the larger/taller content, regardless of where the content is.

Imagine you have 2 columns 50-50%

Column A contains text and it’s quite long. the second (column B) instead will have a specific background.

since column A is super long, it’s height will be X, and Column B will also inherit that height, but i’d like it to inherit column B’s content height.

is that possible?

[ruenel]

Hello @FranticApe,

Thanks for writing in!

In some cases, the column height can be like this:

To be able to do this, you will need to set the vertical alignment in the Row element settings to Start.

Column 2 will always have a shorter height compared to Column 1 since the Text element height is longer. You cannot have the height of Column 1 applied to Column 2 because the text will overflow and the rest of the text will no longer be readable.

If you do, this can be done by setting the maximum height of Column 1 the same amount as Column 2.

Hope this makes sense.