flet icon indicating copy to clipboard operation
flet copied to clipboard

Custom scrollbars

Open ndonkoHenri opened this issue 1 month ago • 0 comments

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.

Question

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,
)

ndonkoHenri avatar Dec 17 '25 11:12 ndonkoHenri