Ho to add space between list elements

I have vertical list, page + containers. How can i add bottom margin to each list element (after each container)? Still could not understand relation between CSS and LVGL layout approaches.


I think you need padding on this style: https://github.com/puzrin/dispenser/blob/57579fa3d13edf1b3a1263c7c66c0afe4bafe991/src/screen_dose.cpp#L156


  • body.padding.bottom for container (list item) does not help.
  • body.padding.inner for page (list) adds required space between items.

Is that normal? Can i see somewhere detailed description how styles are intended to work?

Most of the information about styles can be found in the documentation.

1 Like