Skip to content

Custom scrollbars #5912

@ndonkoHenri

Description

@ndonkoHenri

Discussed in #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,
)

Metadata

Metadata

Assignees

Labels

feature requestSuggestion/Request for additional feature

Type

No type

Projects

Status

✅ Done

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions