------------------------- CODE ---------------------------
local scroller = <whatever>.add
{
	type = "scroll-pane",
	name = self.prefix .. "scroller",
}

scroller.style.maximal_width = <maxWidth>
scroller.style.maximal_height = <maxHeight>

local flow = scroller.add
{
	type = "flow",
	name = self.prefix .. "flow",
	style = "achievements_flow_style",
	direction = "vertical",
}

for i = 1,100 do
	flow.add
	{
		type = "button",
		name = "listbox_btn_" .. tostring(i),
		style = "listbox_button_style",
		caption = "Your text here",
	}
end


------------------------- STYLE ---------------------------
data.raw["gui-style"].default["listbox_button_style"] =
{
  type = "button_style",
  parent = "button_style",
  font = "default-bold",
  align = "left",
  scalable = true,

  minimal_width = 289,
  maximal_width = 289,
  height = 23,

  top_padding = 0,
  right_padding = 0,
  bottom_padding = 0,
  left_padding = 5,

  left_click_sound =
  {
    {
      filename = "__core__/sound/listbox-click.ogg",
      volume = 1
    }
  },

  default_font_color={r=1, g=1, b=1},
  default_graphical_set =
  {
    type = "monolith",
    --[[top_monolith_border = 1,
    right_monolith_border = 1,
    bottom_monolith_border = 1,
    left_monolith_border = 1,]]
    monolith_image =
    {
      filename = "<YOUR PATH HERE>/listbox.png",
      priority = "extra-high-no-scale",
      width = 289,
      height = 23,
      x = 0,
      y = 0,
    }
  },

  hovered_font_color={r=1, g=1, b=1},
  hovered_graphical_set =
  {
    type = "monolith",
    --[[top_monolith_border = 1,
    right_monolith_border = 1,
    bottom_monolith_border = 1,
    left_monolith_border = 1,]]
    monolith_image =
    {
      filename = "<YOUR PATH HERE>/listbox.png",
      priority = "extra-high-no-scale",
      width = 289,
      height = 23,
      x = 0,
      y = 23,
    }
  },

  clicked_font_color = {r=0, g=0, b=0},
  clicked_graphical_set =
  {
    type = "monolith",
    --[[top_monolith_border = 1,
    right_monolith_border = 1,
    bottom_monolith_border = 1,
    left_monolith_border = 1,]]
    monolith_image =
    {
      filename = "<YOUR PATH HERE>/listbox.png",
      priority = "extra-high-no-scale",
      width = 289,
      height = 23,
      x = 0,
      y = 46,
    }
  },
}