Multiline Text for Radio Buttons in Flet

[Gelraiser]

Question

Hello,
I am currently working on a project using the Flet library in Python. I have a requirement where I need to display multiline text for radio buttons. Specifically, when the text reaches the limit of its container, it should wrap and continue on the next line.
I have looked through the Flet documentation and tried various approaches, but I haven’t found a way to achieve this directly with Flet’s radio button component. I understand that this might require a more complex or custom approach.
Could anyone provide some guidance or point me in the right direction on how to implement multiline text for radio buttons in Flet? Any help would be greatly appreciated.
Thank you in advance!

Code sample

No response

Error message

No response

------------------------------------------------------

• I have searched for answers to my question both in the issues and in previous discussions.

[ndonkoHenri]

Can the below example satisfy your needs:

import flet as ft


def main(page):
    def button_clicked(e):
        t.value = f"Selection:  {cg.value}"
        page.update()

    t = ft.Text()
    b = ft.ElevatedButton(text="Submit", on_click=button_clicked)
    cg = ft.RadioGroup(
        content=ft.Column(
            [
                ft.Row(
                    [
                        ft.Radio(value="text1"),
                        ft.Text(
                            "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur quis nibh vitae purus consectetur facilisis sed vitae ipsum. Quisque faucibus sed nulla placerat sagittis. Phasellus condimentum risus vitae nulla vestibulum auctor. Curabitur scelerisque, nibh eget imperdiet consequat, odio ante tempus diam, sed volutpat nisl erat eget turpis. Sed viverra, diam sit amet blandit vulputate, mi tellus dapibus lorem, vitae vehicula diam mauris placerat diam. Morbi sit amet pretium turpis, et consequat ligula. Nulla velit sem, suscipit sit amet dictum non, tincidunt sed nulla. Aenean pellentesque odio porttitor sagittis aliquam. Nam varius at metus vitae vulputate. Praesent faucibus nibh lorem, eu pretium dolor dictum nec. Phasellus eget dui laoreet, viverra magna vitae, pellentesque diam.",
                            width=700,
                            height=100,
                        ),
                    ]
                ),
                ft.Row(
                    [
                        ft.Radio(value="text2"),
                        ft.Text(
                            "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur quis nibh vitae purus consectetur facilisis sed vitae ipsum. Quisque faucibus sed nulla placerat sagittis. Phasellus condimentum risus vitae nulla vestibulum auctor. Curabitur scelerisque, nibh eget imperdiet consequat, odio ante tempus diam, sed volutpat nisl erat eget turpis. Sed viverra, diam sit amet blandit vulputate, mi tellus dapibus lorem, vitae vehicula diam mauris placerat diam. Morbi sit amet pretium turpis, et consequat ligula. Nulla velit sem, suscipit sit amet dictum non, tincidunt sed nulla. Aenean pellentesque odio porttitor sagittis aliquam. Nam varius at metus vitae vulputate. Praesent faucibus nibh lorem, eu pretium dolor dictum nec. Phasellus eget dui laoreet, viverra magna vitae, pellentesque diam.",
                            width=700,
                            height=100,
                        ),
                    ]
                ),
                ft.Row(
                    [
                        ft.Radio(value="text3"),
                        ft.Text(
                            "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur quis nibh vitae purus consectetur facilisis sed vitae ipsum. Quisque faucibus sed nulla placerat sagittis. Phasellus condimentum risus vitae nulla vestibulum auctor. Curabitur scelerisque, nibh eget imperdiet consequat, odio ante tempus diam, sed volutpat nisl erat eget turpis. Sed viverra, diam sit amet blandit vulputate, mi tellus dapibus lorem, vitae vehicula diam mauris placerat diam. Morbi sit amet pretium turpis, et consequat ligula. Nulla velit sem, suscipit sit amet dictum non, tincidunt sed nulla. Aenean pellentesque odio porttitor sagittis aliquam. Nam varius at metus vitae vulputate. Praesent faucibus nibh lorem, eu pretium dolor dictum nec. Phasellus eget dui laoreet, viverra magna vitae, pellentesque diam.",
                            width=700,
                            height=100,
                        ),
                    ]
                ),
            ]
        )
    )

    page.add(ft.Text("Select your favorite color:"), cg, b, t)


ft.app(target=main)

[Gelraiser]

Okay, thank you very much for the answer, I’m going to see how I implement it.