How to add text in a list component without impact height?

Get Help Design
1

Hi,

I am creating a meditation app, I want to display a list of the following component:

Capture d’écran 2022-03-30 à 09.25.31
Capture d’écran 2022-03-30 à 09.25.31546×1102 13.1 KB

Capture d’écran 2022-03-30 à 09.29.25
Capture d’écran 2022-03-30 à 09.29.25622×1294 43.8 KB

I want to add a text in this component and the text can be 1 or 2 lines. The thing is it will impact the height of the component.

Capture d’écran 2022-03-30 à 09.28.57
Capture d’écran 2022-03-30 à 09.28.57686×1404 43.9 KB

Do you know how I could put the text on the component without impacting the height of it please?

(I tried to add a group made of a rectangle and the text, but it didn’t work)

Thanks a lot!

1 Like
2

Try lowering down your list a bit please

3

Sorry I did not understand ? :slight_smile:

4

Oh sorry for that, so the solution might be very simple, drag the list a little bit to the bottom, this might solve the issue

5

Like this you mean?

Capture d’écran 2022-03-30 à 10.09.25
Capture d’écran 2022-03-30 à 10.09.25294×898 46.5 KB

If yes there is still the issue :slight_smile:

6

No not like that. Just click on the list at the top and drag it a little bit to the bottom

7

Like this?

Capture d’écran 2022-03-30 à 10.42.49
Capture d’écran 2022-03-30 à 10.42.49462×1104 24.1 KB

(if yes it did not change)

vs it was like this before

Capture d’écran 2022-03-30 à 10.43.02
Capture d’écran 2022-03-30 à 10.43.02338×1082 23.2 KB

9

I’ve been watching this video again #TwoMinuteTuesday | Custom Lists - YouTube, and I think this is an Adalo limit: when you create a list, you cannot fix the height of your component list, depending on the “Classname” (if we refer to the example) height it will impact the height of the component. Correct me if I am wrong?