33
Views
3
Comments
adaptive 2 columns
Question

I need column 1 to follow the height of column 2 and vice versa.


2020-07-21 19-28-50
Rajat Agrawal
Champion

Hi @Victor Pinto,

Basically its depend on the content, height will adjust according to content.

If you want fix height than it will apply on all, with the css you can fix both the column height same.

But if content exceed than it will create a problem.

You can make some parameters, like, if you have length is greater than 100 than height should be 100px like this condition wise you can try. Hope with this you will get some idea how to do.



Regards,

Rajat



UserImage.jpg
Victor Pinto

the height of both columns may vary

2024-08-27 11-35-25
Ajay Anthony

Hello Victor,

If you are using Containers for the coloumn you can check this post https://www.outsystems.com/forums/discussion/42125/columns-border/

Or you can use 2 coloumn widget from Outsystems https://success.outsystems.com/documentation/11/building_apps/user_interface/patterns/using_traditional_web_patterns/structure/columns/ which will adapt the texts by default.

If you need a border you can add the below CSS in the sheet

.columns:only-child > .columns-item{
  margin-bottom:var(--space-none);
  border: 1px solid black;

With 2 coloumn widget you get the below

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.