How to create scroll menu

What do you want to achieve?

i want to create scroll icon menu screen.

What have you tried so far?

i am able to use code and code in discovery board

Screenshot or video


  • SquareLine Studio version:
  • Operating system:
  • Target hardware:
    STM32f746G DISCO

Please send and image/video about what you exactly mean by “scroll menu”.

similar to this

Have you looked at the roller control?
This should give you that type of functionality.


hi thanks for replay. in roller control we have label roller there is no option to place image.

i had working with standard library of lvgl. in that we got option to create scroll page of any length and can place button with image. here in square line i am not able to find option how to do this!

I suggest creating a component for the list items with

  • width=100%
  • height=content
  • add a placeholder image and/or text as children

Just add as many component you need into a panel widget. If you enable the SCROLLABLE flag on the panel, it automatically becomes scrollable it its content overflows.

To align the children below each other you have 2 options:

  1. Place them manually.
  2. After ui_init() in the exported code call lv_obj_set_flex_flow(ui_Panel1, LV_FLEX_FLOW_COLUMN);

In v1.2 which will be released still this year there will be layouts in SLS too, so creating any kind of custom lists will be very simple.

1 Like