Gallery item height
Application Type
Reactive
Service Studio Version
11.12.1 (Build 49734)
Platform Version
11.13.0 (Build 31107)

I'm trying to fix a UI problem where the height of gallery items don't adjust to the height of the other items on the same row (see picture). I'm currently using a block inside a list inside a gallery and noticed that another part of the application doesn't have this issue. The only difference I found was that the one that works doesn't use a block. However, I'm not able to remove the block since it's used in multiple places across the app. Can someone help me fix this?

GalleryItemBug.png

Hello!

Are you using any custom css besides the ones of the gallery?

Can you share or replicate the problem in a OML and share?

Kind regards,

Márcio

Hi Remco,

Your titles are not fixed to a single line. It goes to have 2 lines sometimes or something else. 

First, wrap your titles with a Div:

.css-tag-of-wrapper-div{
      line-height: 1.5em;
      min-height: 3em; // 2x of line-height
}

You can set your own line-height but be sure you set your min-height 2x of line-height.

If your title can be 3 lines, you can set your min-height 3x of line-height.

Hope it works for you.

Sincerely,
Necmettin

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