Skip to Content (Press Enter)
UserImage.jpg
Rico Bakker
213Views
2Comments
Solved
Have all columns in the columns widget have the same height
Question
Reactive
Application Type
Reactive
Service Studio Version
11.52.7 (Build 60395)

I am using the Columns 3 widget to have three columns next to each other and I have filled them with cards. I am wondering if there is a way to have all the columns have the same dynamic height. The list in the second column has a different height based on the elements within, so the column height changes dynamically. Is it possible to have all the columns always have the same height?

0
0
18 Jul 2022
Copy Link
2023-10-21 19-42-11
Tousif Khan
Champion
Solution

Hello

There are many ways by which you can archive it , like by grid, table and columns and flex.

I usually prefer flex so here I am attaching an oml and css which I have used.

There are images with different resolutions

because of large oml size I am uploading it to google drive you can download from there

https://drive.google.com/file/d/1ka6N6ZkGCukHpZVxbCDQr8m5-ZlSra1i/view?usp=sharing

I hope this will help.

Best regard,

Tousif

See solution in context
1
0
18 Jul 2022
Copy Link
2022-07-14 13-58-54
Ridhima Shewani
Solution

Hi

Try this using external CSS and fix column height as you want and mark it as not important.

0
0
18 Jul 2022
Copy Link
2023-10-21 19-42-11
Tousif Khan
Champion
Solution

Hello

There are many ways by which you can archive it , like by grid, table and columns and flex.

I usually prefer flex so here I am attaching an oml and css which I have used.

There are images with different resolutions

because of large oml size I am uploading it to google drive you can download from there

https://drive.google.com/file/d/1ka6N6ZkGCukHpZVxbCDQr8m5-ZlSra1i/view?usp=sharing

I hope this will help.

Best regard,

Tousif

1
0
18 Jul 2022
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.