flet
flet copied to clipboard
Custom scrollbars
Discussed in https://github.com/flet-dev/flet/discussions/5863
Originally posted by nelson-python November 27, 2025
Question
Hello,
I was wondering if there was a way to position a scrollbar?
By default, scrollbars seem to be oriented to the right-hand side of a column.
I would like to place the scrollbar (highlighted in pink) to the left-hand side of a column.
This would only be for this specific scrollbar, as the other scrollbar is properly positioned.
Thank you, Nelson
Code sample
ft.Column(
[
ft.IconButton(
content = ft.Image(src = "Toolbar-1.svg", width = 40, height = 40),
tooltip="Toolbar 1",
on_click = lambda e: toolbar_1_clicked(),
padding = 5,
),
ft.IconButton(
content = ft.Image(src = "Toolbar-2.svg", width = 40, height = 40),
tooltip="Toolbar 2",
on_click = lambda e: toolbar_2_clicked(),
padding = 5,
),
ft.IconButton(
content = ft.Image(src = "Toolbar-3.svg", width = 40, height = 40),
tooltip="Toolbar 3",
on_click = lambda e: toolbar_3_clicked(),
padding = 5,
),
ft.IconButton(
content = ft.Image(src = "Toolbar-4.svg", width = 40, height = 40),
tooltip="Toolbar 4",
on_click = lambda e: toolbar_4_clicked(),
padding = 5,
),
ft.IconButton(
content = ft.Image(src = "Toolbar-5.svg", width = 40, height = 40),
tooltip="Toolbar 5",
on_click = lambda e: toolbar_5_clicked(),
padding = 5,
),
],
spacing = 0,
scroll = True,
alignment = "center",
#scrollbar_side = "left", <-- Trying to place scrollbar to left rather than right (default)
horizontal_alignment=ft.CrossAxisAlignment.CENTER,
)